慕莱坞0080755
2015-11-10 14:41
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>单选框、复选框</title>
</head>
<body>
<form action="save.php" method="post" >
<label>性别:</label>
<label>男</label>
<input type="radio" value="1" name="gender-man" />
<label>女</label>
<input type="radio" value="2" name="gender-woman" />
</form>
</body>
</html>
label标签,input中的radio类型亦使用不正确。变更后的代码如下:
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>单选框、复选框</title> </head> <body> <form action="save.php" method="post" > <label>性别:</label> <label for="man">男</label> <input type="radio" value="1" name="sex" id="man" /> <label for="woman">女</label> <input type="radio" value="2" name="sex" id="woman" /> </form> </body> </html>
定义和用法
<label> 标签为 input 元素定义标注(标记)。
label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
<label> 标签的 for 属性应当与相关元素的 id 属性相同。
radio 定义单选按钮。单选按钮允许用户选取给定数目的选择中的一个选项。
同一组单选框name必须相同,值由value决定。
同一组的单选按钮,name 取值一定要一致。这里应该给按钮取一致的name。而不是一个gender-man,gender-woman。
问题是什么呢?
初识HTML(5)+CSS(3)-升级版
1225307 学习 · 18230 问题
相似问题