本课讲述几个常用的表单控件（复选、单选、下拉列表框）

一、复选框（type="checkbox"）

如何创建复选框:

（1）复选框代码及属性

（2）使用标签包裹，或设置for属性，实现点文字也能选中复选框

（3）复选框的 value 属性值不会显示在用户界面中但必须设置。

（4）每个复选框都要设置不同的id属性，以便后台程序获取复选框对象的值。

value 属性用于表单数据的提交（只有选中的复选框才会传递数据到服务端，如果什么都没选则不传递复选框数据）。后台程序通过  document.getElementById("checkbox1").value; 获取该复选框的值。

 （5）如果每个复选框的name属性都设置为同一个值，则它们被认为是一组复选框，同一组复选框中可以同时选中多个。

复选框代码解析:

二、单选按钮（type="radio"）与单选按钮组

 如何插入单选按钮组：

（1）单选按钮组的代码

（2）每个单选框的name属性都要设置为同一个值，它们才能被认为是一组单选框，同一组单选框中只能选中其中一个,被选中的单选框对象的value值将作为整个单选框组的值提交,所以每个单选框控件都必须设置。后台程序通过 document.getElementByName("RadioGroup1").value; 获取该组单选框的值。

单选按钮组代码解析：

三、日期控件（type="date"）

四、滑块控件（type="range"）

五、颜色选择器控件（type="color"）

六、select标签--下拉列表或下拉菜单

跳转菜单