表单元素的选择类型可以分为三种:
- 单选
- 多选
- 下拉
单选和复选框的属性值可以有两个: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>
动手小练习
- 表单元素的选择类型可以分为哪几种
- 分别编写出多种选择类型,并在浏览器中显示出来