前端学习之HTML的label标签

label标签

labeI标签为input标签定义元素作用
绑定一个表单元素,被绑定的表单元素会获得输入焦点
for属性规定label与哪个表单元素绑定,绑定的是id

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>label标签</title>
</head>
<body>
    <form action="https://www.baidu.com">
        对比:<input type="text">
        <label >账户名:<input type="text"></label>
        <label >密码:<input type="text"></label>
        <label >昵称:<input type="text"></label>
        <!-- 使用for属性锁定id可以达成包裹的效果 -->
        <label for="123">账户名1:</label>
        <input type="text" id="123">
    </form>
    
</body>
</html>

 


不嫌弃的点点关注,点点赞 ଘ(੭ˊᵕˋ)੭* ੈ✩‧₊˚ 

相关推荐

  1. HTML label 标签作用和应用场景

    2024-03-15 18:10:01       24 阅读
  2. 前端---初始常用 html 标签

    2024-03-15 18:10:01       63 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-15 18:10:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-15 18:10:01       100 阅读
  3. 在Django里面运行非项目文件

    2024-03-15 18:10:01       82 阅读
  4. Python语言-面向对象

    2024-03-15 18:10:01       91 阅读

热门阅读

  1. information_schema表的妙用

    2024-03-15 18:10:01       41 阅读
  2. 《计算机网络》复试问答题总结

    2024-03-15 18:10:01       31 阅读
  3. Github 2024-03-12 Python开源项目日报 Top9

    2024-03-15 18:10:01       39 阅读
  4. linux 面试题

    2024-03-15 18:10:01       37 阅读
  5. 常用软件下载地址

    2024-03-15 18:10:01       46 阅读
  6. c语言中的宏指的是什么

    2024-03-15 18:10:01       44 阅读