表单控件select标签是怎样运用的

表单控件select标签是用来创立下拉列表的，通过<option>标签来定义可用选项乃至其他属性来设定表单控件的选中个数等。

今天将介绍的是HTML中的表单控件select的用途，具有必然的参照 价值，但愿对大家有所帮忙。

【引荐课程：HTML教程】

select标签

select用来创立下拉列表的，可用于在表单中接受会员的输入，其元素中的<option>标签主要用于定义列表中的可用选项

例：通过select实现下拉菜单案例

 <select style="width:100px;height:30px;">
        <option>打球</option>
        <option>运动</option>
        <option>看电视</option>
    </select>

结果图如下：

select所具有的属性：

select在HTML5中的新增属性有以下3种：

autofocus：指的是在页面加载后文本区域会主动获得焦点，留意Internet Explorer 9 乃至更早的版本不支撑 <select> 标签的 autofocus 属性。

form：表示文本区域所属的一个或多个表单，留意Internet Explorer 不支撑 form 属性。

required：指文本区域的范畴并且这个属性是必填的，这个属性当前所有的主流阅读器都不支撑

size：指下拉列表中可见选项的数目。

disabled：表示制止使用该下拉列表。

multiple：表示可以选中多个选项。

name：指的是下拉列表的名称。

例：设定下拉列表的可见书目为2且可以选中多个选项

 <select style="width:100px;height:40px;" multiple="multiple" size="2">
        <option>打球</option>
        <option>运动</option>
        <option>看电视</option>
    </select>

结果图如下：

总结：以上就是本篇文章的全部内容了，但愿通过这篇文章可以让大家关于select标签有所理解乃至使用。

以上就是表单控件select标签是怎样使用的的具体内容，更多请关注百分百源码网其它相关文章！