Html代码 
Volvo Saab Opel Audi
其中select是显示一个下拉列表(drop down list)出来，option是下拉列表中的项目(item)，而option的文本内容(text content)是下拉列表项目中显示到页面上的值，value是真正需要提交到服务端的值。
显示效果如下所示： 
更复杂的下拉列表：
Html代码
Volvo Saab Mercedes Audi
这个下拉列表包含一个“项目组”(item group)，这个组是无法选择的，使用label标签标记字面内容，真正起作用的，还是value属性。
看一下这个包含“项目组”的下拉列表 
option中的参数：selected=”selected”
如果需要打开页面就默认选中某个option，需要用到selected参数：
立即学习“前端免费学习笔记（深入）”；
Html代码
Volvo Saab Mercedes Audi
option中的参数：disabled=”disabled”
如果需要禁用某个项目，但是却又不想隐藏，可以使用disabled属性
Html代码
Volvo Saab Mercedes Audi
option中的参数：title
如果需要在鼠标放到某个项目上时，给出提示，可以使用title属性
Html代码
Volvo Saab Mercedes Audi
其实，title也可以用在很多其他的HTML标签中！ 
以上就是html中关于下拉列表select的图文代码详解的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1544803.html
微信扫一扫 
支付宝扫一扫 
