<lable>标签

最近用各种框架的时候,发现很多平常自己写代码没注意到的标签和用法,在这里记录一下。

其实是很多细节方面需要注意的写法。

<label>

定义:为input元素定义标注

label标签不会向用户呈现任何特殊效果,但它为鼠标用户改进了可用性。

用法:为label标签设置for属性,for属性绑定的是控件id属性的值。

如果在label标签内点击文本,会触发控件,也就是,当用户点击该标签,浏览器会自动将焦点转到和标签相关的表单属性上。

例如:

为input标签绑定label,点击label,label关联的input标签的输入框中出现光标闪烁。

<label for="text_1">输入框</label>
<input type="text" class="form-control" id="text_1"placeholder="请输入内容">

在图片或者文字外设置label标签,点击图片,实现弹框、上传文件等功能。

<label for="file_1"><h1>+</h1></label>
<input type="file" id="file_1" style="visibility:hidden">

正在更新!

原文地址:https://www.cnblogs.com/huangcy/p/9141154.html