更新时间:2014年6月20日

label元素(送信表格中的标签)

<label>~</label>

<label for="">~</label>

label元素用于表示送信表格中的标签。例如,在label元素中放入input元素并放入文本标题,通过使用name属性使label元素之间建立联系,建立多选一形式的按钮。

属性

1、for内容属性
for内容属性通过安装id属性的值,使送信表格内的部分内容与标签建立联系。一般情况下,当label元素中没有input等元素时使用该布局方式。
2、form内容属性新属性
form内容属性用于与相关送信表格建立联系。该属性的值为将要与之建立联系的form元素的id属性的值。

使用例

<p>

<label><input type="radio" name="gender" value="1"/></label>

<label><input type="radio" name="gender" value="2"/></label>

</p>

<p>

<input type="radio" name="gender2" value="1" id="gender1"/>

<lable for="gender1"></label>

<input type="radio" name="gender2" value="2" id="gender2"/>

<lable for="gender2"></label>

</p>

<p>

<label form="f">

昵称:

<input type="text" name="nickname"/>

</label>

</p>

<form method="get" action="#" id="f">

<input type="submit" value="送信"/>

</form>

浏览器上的显示结果↓



X

浏览器支持情况

元素
label yes yes yes yes yes