1. label的作用

官方讲解：

<label> 标签为 input 元素定义标注（标记）。

label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。

<label> 标签的 for 属性应当与相关元素的 id 属性相同。(https://www.w3school.com.cn/tags/tag_label.asp)

自己的理解：

点击文字可以选中，单选或多选按钮

2. label的使用

第一种：用label标签将iput标签包裹起来

第二种：在input标签中定义id，在用 label 标签将内容包裹起来

演示效果如下图:

代码如下：
<from action="" method="get" id="form1"><label><input type="checkbox" name="like" value="足球" id="check1">足球</label><input type="checkbox" name="like" value="羽毛球" id="check2"><label for="check2">羽毛球</label><input type="checkbox" name="like" value="篮球" id="check3">篮球<input type="checkbox" name="like" value="象棋" id="check4"><label for="check4">象棋</label>
</from>

label标签的使用与作用相关推荐

Vue的label标签中for的作用
先上代码 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8 ...
python label标签的作用_label标签的作用是什么?
label标签的作用是为鼠标用户改进了可用性,当用户点击[]标签中的文本时,浏览器就会自动将焦点转到和该标签相关联的控件上. label标签的作用: 一.标签定义及用法在html中,标签通常和标签一 ...
html中icon标签作用,label标签的作用是什么？
label标签主要目的是为了提高用户体验. 为用户提高最优秀的服务. 标签为 input 元素定义标注(标记).[相关推荐:html文档] label 元素不会向用户呈现任何特殊效果.不过,它为鼠标用 ...
label标签的作用
label 标签没有特殊效果,但是扩大了触发元素区域.如果在 label 元素内点击文本,就会触发此控件.即,当用户选择该标签时,浏览器就会自动将焦点转移到和标签相关的表单控件上. label标签: ...
label/label标签的作用。
<label> </label> 中有两个属性:一个是FOR.另外一个就是ACCESSKEY了. FOR属性功能:表示Label标签要绑定的HTML元素,你点击这个标签 ...
label标签的for属性的作用
label标签的for属性的效果就是,鼠标点击"女"实现radio选中的效果,主要归功于for=nv 而且必须要求input文本框的id也等于nv,男这个radio作对比,没有这 ...
HTML5中常用的标签(及标签的属性和作用)
1.标签:<!DOCTYPE> 作用:声明是文档中的第一成分,位于<html>标签之前. 2.标签:<html> 作用:此元素可告知浏览器其自身是一个HTML文档. ...
html:(21):重置按钮和label标签
使用重置按钮,重置表单信息当用户需要重置表单信息到初始时的状态时,比如用户输入"用户名"后,发现书写有误,可以使用重置按钮使输入框恢复到初始状态.只需要把type设置为" ...
容易被忽略的label标签
# 容易被忽略的label标签## 原始作用`label`标签是HTML原生的标签,其原始的作用参考[这里](http://www.w3school.com.cn/tags/tag_label.asp ...

label标签的使用与作用

1. label的作用

官方讲解：

自己的理解：

2. label的使用

第一种：用label标签将iput标签包裹起来

第二种：在input标签中定义id，在用 label 标签将内容包裹起来

label标签的使用与作用相关推荐

最新文章

热门文章

label标签 的使用与作用

1. label的作用

官方讲解：

自己的理解：

2. label的使用

第一种：用label标签将iput标签包裹起来

第二种：在input标签中定义id，在用 label 标签将内容包裹起来

label标签 的使用与作用相关推荐

最新文章

热门文章

label标签的使用与作用

label标签的使用与作用相关推荐