<!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>
2015-11-10
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决定。
举报
