表单元素之选择类型
表单元素的选择类型可以分为三种:
- 单选
- 多选
- 下拉
单选和复选框的属性值可以有两个:disabled(不可操作的) 和 checked。
下拉框的属性值可以是:selected(默认选中) 、multiple(全部显示)(在select中设置)和 size(指定可见值数量)(在select中设置)。
单选 - radio
<input type="radio">
通常我们用于多个选择项目只选一个,比如性别的选择:
单选框: <input type="radio">男 <input type="radio" checked>女 <input type="radio" disabled>
复选 - checkbox
复选框: <input type="checkbox" checked>hmtl <input type="checkbox">css <input type="checkbox">javascript <input type="checkbox">python
下拉 - select、option
下拉框: <select name="classes" size="2"> <option>请选择</option> <option value="html">HTML</option> <option value="css">CSS</option> <option value="javascript">JavaScript</option> <option value="python">Python</option> </select>
动手小练习
- 表单元素的选择类型可以分为哪几种
- 分别编写出多种选择类型,并在浏览器中显示出来