本文通过一个简单的HTML示例展示了如何使用复选框（checkbox）及如何正确地为它们分配标签（label）。介绍了每个复选框对应的ID与label标签的for属性之间的关系，确保了良好的用户体验。
<
input
id
="a1"
type
="checkbox"
name
="a"
value
="1"
/>
< label for ="a1" > ASP </ label >
< input id ="a2" type ="checkbox" name ="a" value ="2" />
< label for ="a2" > PHP </ label >
< input id ="a3" type ="checkbox" name ="a" value ="3" />
< label for ="a3" > ASP.NET </ label >
< input id ="a4" type ="checkbox" name ="a" value ="4" />
< label for ="a4" > C++ </ label >
< label for ="a1" > ASP </ label >
< input id ="a2" type ="checkbox" name ="a" value ="2" />
< label for ="a2" > PHP </ label >
< input id ="a3" type ="checkbox" name ="a" value ="3" />
< label for ="a3" > ASP.NET </ label >
< input id ="a4" type ="checkbox" name ="a" value ="4" />
< label for ="a4" > C++ </ label >
简单说明一下:
label 中的 for = ID(这里对应的是html元素的ID值，所以ID值在页面中必须是唯一的)
所以对于checkbox,name值是一样的，但是id值是唯一。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
