label标签的使用
程序员文章站
2022-07-12 15:19:33
...
w3c里面的示例
<html>
<body>
<p>请点击文本标记之一，就可以触发相关控件：</p>
<form>
<label for="male">Male</label>
<input type="radio" name="sex" id="male" />
<br />
<label for="female">Female</label>
<input type="radio" name="sex" id="female" />
</form>
</body>
</html>
运行结果：
请点击文本标记之一，就可以触发相关控件：
1.for的用法
for 属性规定 label 与哪个表单元素绑定，点击文字光标即可跳到对应的输入框中for的值与相应的表单元素的id相同，就可以绑定到一起了；
两种方式来绑定：
显示方式：通过for 与 id 的值相同来绑定
<label for="SSN">Social Security Number:</label><input type="text" name="SocSecNum"id="SSN"/>
隐私方式：不需要for ，label中嵌套input即可绑定到一起
<label>Date of Birth: <input type="text" name="DofB" /></label>
2.label中文字右对齐，label是行内样式；
{
display:block;
text-align:right;
}
上一篇： label标签的使用
下一篇： label标签的使用