label标签

一个完整的表单是由表单标签<from></from>语气中包裹的各种表单控件组成的。label标签是一种常见的表单控件。

作用：是用户在填写表单的项目时有更好的体验。

举例【部分完整代码】

<div style="margin-top: 30px">
        <label style="color: black">
            &nbsp;&nbsp;密码：&nbsp;
            <input type="password" name="password">
        </label>
    </div>

显示效果

 

 

表单控件都是内联元素所以他俩会在一行显示，在网页中当我们点击用户名字样或文本框时都会在文本框中出现光标，这个就是label标签的功能了。

除了增强用户体验外，还为行动不便人士上网提供了便利。比如说，视力障碍者是借助“网页朗读器”发出的声音来浏览网页的，若没有label标签的关联，上网者就在脑海中不能想象出那种对应性，不能很好理解网站表单所想表达的内容。再比如，肢体有缺陷的上网者对于鼠标的控制是很辛苦的，运用label后点击的目标变大了，有利于操作。