js控制复选框选中显示不同表单_表单元素之选择类型

表单元素的选择类型可以分为三种：

• 单选
• 多选
• 下拉

单选和复选框的属性值可以有两个：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>

动手小练习

1. 表单元素的选择类型可以分为哪几种
2. 分别编写出多种选择类型，并在浏览器中显示出来