巩固内容:
单选按钮:
在注册功能中,用户选择学历使用的是单选按钮,并且是多个单选按钮,每个选项对 应一个单选按钮,用户只能选择其中一个,这多个单选按钮的格式相同。如果用户要输入 的信息只有少数几种可能,这时应该使用单选按钮。
单选按钮的基本格式如下:
<input type="radio" name="输入信息的名字" value="输入信息的值">显示的信息
其格式与单行本文框格式基本相同,type 属性的值为“radio”,说明这个表单元素是单选按 钮。name 仍然是元素的名字,value 属性的值是这个单选按钮的值。这个值不会显示给用户, 用户能够看到的是标签后面显示的部分。 单选按钮通常不独立出现,每一种可能的选项就对应一个单选按钮,每个单选按钮对 应一个不同的值,用户选择哪个单选按钮,哪个单选按钮的值就可以传递到服务器。
复选框:
复选框与单选按钮非常类似,相同的地方是:
● 一般都不单独出现,而是成组出现。
● 同一组的名字相同。
● 必须指定值。
● 选择哪一个选项,得到的是这个选项对应的值。
● 每个选项的值和显示给用户看的信息是独立的。
不同的地方是:
● 单选按钮对应的 type 属性的值是“radio”,而复选框对应的 type 属性的值是 “checkbox”。
● 单选按钮只能选择一个,而复选框能选择多个。
注册功能中没有使用到复选框,下面是一个复选框的例子,用于选择个人的爱好。因 为个人的爱好可以是多个,所以允许多选,应该使用复选框。 运动 看电影 听音乐 读书 type 的值为“checkbox”,说明这些元素是复选框。4 个复选框的名字都是 like,所以这 是一组复选框。4 个复选框的值不同,分别是 1、2、3 和 4,而用户看到的则是运动、看电 影、听音乐和读书。