网页制作 > HTML/Xhtml >
HTML表单标记教程(3):输入标记
佚名
单选框RADIO
单选框能够进行项目的单项选择，以一个圆框选择。
checked表示此项被默认选中，value表示选中项目后传送到服务器端的值。 文件范例：11-10.htm
在页面中插入单选框。
01 <!-- ------------------------------ -->
02 <!-- 文件范例：11-10.htm -->
03 <!-- 文件说明：插入单选框 -->
04 <!-- ------------------------------ -->
05 <html>
06 <head>
07 <title>插入单选框</title>
08 </head>
09 <body>
10 <h1>用户调查</h1>
11 <Form action=mailto:tslxg@hotmail.com method=get name=invest>
12 姓名：<input type="text" name="username" size=20><br>
13 网址：<input type="text" name="url" size=20 maxlength=50 value="http://"><br>
14 密码：<input type="password" name="password" size=20 maxlength=8><br>
15 确认密码：<input type="password" name="password_confirm" size=20 maxlength=8><br>
16 请上传你的照片：<input type="File" name="File"><br>
17 请选择你喜欢的音乐：
18 <input type="checkbox" name="m1" value="rock" checked>摇滚乐
19 <input type="checkbox" name="m2" value="jazz">爵士乐
20 <input type="checkbox" name="m2" value="pop">流行乐<br>
21 请选择你居住的城市：
22 <input type="radio" name="city" value="beijing" checked>北京
23 <input type="radio" name="city" value="shanghai">上海
24 <input type="radio" name="city" value="nanjing">南京
25 </Form>
26 </body>
27 </html> 文件说明
第22行到第24行就是插入的单选框。其中每一个单选框的名称是相同的，有其独立的值，"北京"项目是被默认选中的。
单选框能够进行项目的单项选择，以一个圆框选择。
-
基本语法
<input type="radio" name="field＿name" checked value="'value" >
checked表示此项被默认选中，value表示选中项目后传送到服务器端的值。 文件范例：11-10.htm
在页面中插入单选框。
01 <!-- ------------------------------ -->
02 <!-- 文件范例：11-10.htm -->
03 <!-- 文件说明：插入单选框 -->
04 <!-- ------------------------------ -->
05 <html>
06 <head>
07 <title>插入单选框</title>
08 </head>
09 <body>
10 <h1>用户调查</h1>
11 <Form action=mailto:tslxg@hotmail.com method=get name=invest>
12 姓名：<input type="text" name="username" size=20><br>
13 网址：<input type="text" name="url" size=20 maxlength=50 value="http://"><br>
14 密码：<input type="password" name="password" size=20 maxlength=8><br>
15 确认密码：<input type="password" name="password_confirm" size=20 maxlength=8><br>
16 请上传你的照片：<input type="File" name="File"><br>
17 请选择你喜欢的音乐：
18 <input type="checkbox" name="m1" value="rock" checked>摇滚乐
19 <input type="checkbox" name="m2" value="jazz">爵士乐
20 <input type="checkbox" name="m2" value="pop">流行乐<br>
21 请选择你居住的城市：
22 <input type="radio" name="city" value="beijing" checked>北京
23 <input type="radio" name="city" value="shanghai">上海
24 <input type="radio" name="city" value="nanjing">南京
25 </Form>
26 </body>
27 </html> 文件说明
第22行到第24行就是插入的单选框。其中每一个单选框的名称是相同的，有其独立的值，"北京"项目是被默认选中的。