HTML5 select标签:创建单选或多选菜单
2020/05/27 14:52:29
在html中<select>标签的作用是创建单选或多选菜单,下面通过<select>实例、<select>的用法、<select>在HTML和HTML5中的区别等内容,让大家掌握html创建单选或多选菜单的用法。这里详细介绍下<select>标签用法、<select>标签属性以及<select>标签应用实例。
html中<select>标签作用:创建单选或多选菜单
<select>标签用法:
select 元素可创建单选或多选菜单。
<select&> 元素中的 <option> 标签用于定义列表中的可用选项。
<select>标签应用实例:
创建带有 4 个选项的选择列表:
<select> <option value ="volvo">Volvo</option> <option value ="saab">Saab</option> <option value="opel">Opel</option> <option value="audi">Audi</option> </select>
<select>标签有哪些属性?
New: HTML5 中的新属性。
|
属性 |
值 |
描述 |
|
autofocus(H5) |
autofocus |
规定在页面加载后文本区域自动获得焦点。 |
|
disabled |
disabled |
规定禁用该下拉列表。 |
|
form(H5) |
form_id |
规定文本区域所属的一个或多个表单。 |
|
multiple |
multiple |
规定可选择多个选项。 |
|
name |
name |
规定下拉列表的名称。 |
|
required(H5) |
required |
规定下拉列表的名称。 |
|
size |
number | 规定下拉列表中可见选项的数目。 |
所有主流浏览器都支持<select>标签。
经验分享互联网动态
更多阅读推荐