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


本文摘自PHP中文网,作者寻∝梦,侵删。

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

html select标签的定义和用法:

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

<select&> 元素中的 <option> 标签用于定义列表中的可用选项。

html select标签的属性:

tuyi.png

HTML <select> 标签的 multiple 属性

HTML <select> 标签实例:

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

1

2

3

4

5

6

<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 属性配合使用,来定义可见选项的数目。

语法

1

<select multiple="value">

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

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

HTML <select> 标签的 name 属性

HTML <select> 标签实例:

带有 name 属性的下拉列表:

1

2

3

4

5

6

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

阅读剩余部分

相关阅读 >>

浅谈块状元素和内联元素之间的区别

为什么要用div+css布局

如何判断jquery对象是input还是select

Html表单中name属性作用是什么?name和id的差别又是什么?

Html如何用超链接打开新窗口时控制其属性

Html中通过点击button标签实现页面跳转的三种方法

Html button标签的样式怎么设置?Html button标签的样式介绍

Html中<input>标签的class属性的值及其使用方法总结

Html中的font是什么标签?怎么使用?(代码详解)

Html页面底部多出很多空白部分是什么原因

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




打赏

取消

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

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

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

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

评论

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