去评论
推扬网

HTML5 select标签:创建单选或多选菜单

admin
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>标签?
所有主流浏览器都支持<select>标签。