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

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

html select标签的定义和用法:

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

元素中的 标签用于定义列表中的可用选项。

html select标签的属性:

HTML 标签的 multiple 属性

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 属性

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 属性：

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属性的定义和用法：

size 属性规定下拉列表中可见选项的数目。

如果 size 属性的值大于 1，但是小于列表中选项的总数目，浏览器会显示出滚动条，表示可以查看更多选项。

HTML

标签size属性的语法：

<select size="value">

HTML标签size属性的属性值：