表单控件select标签是如何使用的


本文摘自PHP中文网,作者清浅,侵删。

表单控件select标签是用来创建下拉列表的,通过<option>标签来定义可用选项以及其他属性来设置表单控件的选择个数等。

今天将介绍的是HTML中的表单控件select的用法,具有一定的参考价值,希望对大家有所帮助。

【推荐课程:HTML教程】

select标签

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

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

1

2

3

4

5

<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且可以选择多个选项

1

2

3

4

5

<select style="width:100px;height:40px;" multiple="multiple" size="2">

       <option>打球</option>

       <option>运动</option>

       <option>看电视</option>

   </select>

效果图如下:

总结:以上就是本篇文章的全部内容了,希望通过这篇文章可以让大家对于select标签有所了解以及使用。

以上就是表单控件select标签是如何使用的的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

jquery怎么操作select

javascript如何设置select

jquery让select不选中怎么实现

javascript操作dom对象之select(详细解答)

html中select的各种用法总结(代码)

layui的select框不出来怎么办

表单控件select标签是如何使用的

html5 表单、select 下拉、textarea多行文本的介绍

html select下拉框样式怎么制作?html select样式详解

html下拉菜单怎么做?html下拉菜单的代码实例介绍

更多相关阅读请进入《select》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...