案例:html/html5 案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<!DOCTYPE HTML>
2
<html>
3
<body>
4
5
<form action="/example/demo_form.aspx" method="get" id="genderform">
6
<label>Male
7
<input type="radio" name="fname" id="male" value="male" />
8
</label>
9
<br />
10
<label>Female
11
<input type="radio" name="fname" id="female" value="female"  />
12
</label>
13
<input type="submit" value="提交" />
14
</form>
15
16
<p>用于第一个单选按钮的 label 位于 form 元素之外,但仍然是表单的一部分。请尝试点击这个 label,可以切换到 radio 控件。</p>
17
18
<label for="male" form="genderform">Male</label>
19
</body>
20
</html>