HTML——label标签

label标签

是什么

label标签是HTML中的一个标签,用于为表单元素(如文本框、复选框等)提供标签或说明文本。

通常与input标签配合使用。

label标签可以通过for属性与相应的表单元素建立联系,这样当用户点击标签时,相应的表单元素就会获得焦点。

能做什么

HTML——label标签_第1张图片

要想实现点击用户名时 使得输入框获得焦点 可以使用label标签 将用户名和输入框进行绑定

  • 点击文字可以使得相应的表单元素获得焦点
  • 通过使用lable标签可以提升用户的体验

使用方式

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>label标签title>
head>

<body>
    <form>
        没有使用label标签:
        <input type="text" id="text1"><br>
        
        
        <label for="text2">使用了label标签(点我试试)label>
        <input type="text" id="text2"><br>
    form>
body>
html>

小结

  • 使用label标签可以扩大表单元素的选中范围 从而提升用户的体验
  • 要想使用label标签 表单元素必须要有id
  • 使用label标签是需要 使用for属性 指定要绑定的表单元素的id

你可能感兴趣的:(HTML,html)