复选框、下拉框

使用单选框、复选框，让用户选择

语法：

<input   type="radio/checkbox"   value="值"    name="名称"   checked="checked"/>

1、type:

当 type="radio" 时，控件为单选框

当 type="checkbox" 时，控件为复选框

2、value：提交数据到服务器的值（后台程序PHP使用）

3、name：为控件命名，以备后台程序 ASP、PHP 使用

4、checked：当设置 checked="checked" 时，该选项被默认选中

如下面代码：





在浏览器中显示的结果：





注意:同一组的单选按钮，name 取值一定要一致，比如上面例子为同一个名称“radioLove”，这样同一组的单选按钮才可以起到单选的作用。

使用下拉列表框，节省空间

讲解：

1、value：





2、selected="selected"：

设置selected="selected"属性，则该选项就被默认选中。

在浏览器中显示的结果：





使用下拉列表框进行多选

下拉列表也可以进行多选操作，在<select>标签中设置

multiple="multiple"

属性，就可以实现多选功能，在 widows 操作系统下，进行多选时按下

Ctrl

键同时进行

单击

（在 Mac下使用 Command +单击），可以选择多个选项。如下代码：





在浏览器中显示的结果：