社区 学习 工具库 休闲
搜索
简体中文
首页 > web前端 > html教程 > html select标签的用法你知道吗？html select标签属性介绍

html select标签的用法你知道吗？html select标签属性介绍

寻∝梦
发布： 2018-08-17 17:33:37
原创
11222 人浏览过

html select标签的用法你知道吗？html select标签属性介绍。下面为大家介绍html select标签的一些用法，还有html select标签属性的一些介绍

html select标签的定义和用法:

select 元素可创建单选或多选菜单。

元素中的

html select标签的属性:

tuyi.png

HTML 标签实例：

允许在下拉列表中进行多选：

<select multiple="multiple" size="2">
  <option value ="volvo">Volvo</option>
  <option value ="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
登录后复制

html select标签的multiple属性定义和用法：

multiple 属性规定可同时选择多个选项。

在不同操作系统中，选择多个选项的差异：

对于 windows：按住 Ctrl 按钮来选择多个选项

对于 Mac：按住 command 按钮来选择多个选项

由于上述差异的存在，同时由于需要告知用户可以使用多项选择，对用户更友好的方式是使用复选框。

提示：可以把 multiple 属性与 size 属性配合使用，来定义可见选项的数目。

语法

<select multiple="value">
登录后复制

html select标签multiple属性的属性值：

multiple ： 规定可同时选择多个选项。

HTML 标签实例：

带有 name 属性的下拉列表：

<select name="carlist">
  <option value ="volvo">Volvo</option>
  <option value ="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
登录后复制

html select标签name属性的定义和用法

name 属性规定 select 元素的名称。

name 属性用于对提交到服务器后的表单数据进行标识，或者在客户端通过 JavaScript 引用表单数据。

html select标签name属性的语法：

<select name="value">
登录后复制

html select标签name属性的属性值：

name ： 下拉列表的名称。

HTML 标签实例：

在下拉列表中 size 属性显示两个选项：

<select size="2">
  <option value ="volvo">Volvo</option>
  <option value ="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
登录后复制

HTML标签size属性的语法：

<select size="value">
登录后复制

HTML