下拉列表(select标签)

下拉列表：select标签

使用场景：在页面中，如果有多个选项让用户选择，使用select标签定义的下拉列表可以很有效的节约空间。

受教育程度：
<select>
    <option>小学</option>
    <option>初中</option>
    <option>高中</option>
    <option>大专</option>
    <option>本科</option>
    <option>研究生</option>
    <option>博士生及博士生以上</option>
</select>

在这个程序中，select标签定义了一个下拉列表框，而每一个option标签就定义了下拉框中的一个选项：

展开：

注意：

1.select中至少应该有一个option标签。

2.option还有一个属性: selected, 其作用是设定该表单的默认值，我们可以把这个选项的默认值设定为本科试试：

教育经历:
    <select>
        <option>小学</option>
        <option>初中</option>
        <option>高中</option>
        <option>大专</option>
        <option selected="selected">本科</option>
        <option>研究生</option>
        <option>博士生及博士生以上</option>
    </select>

结果：

这样，我们一个简单的下拉列表框就做好了。