HTML中的下拉列表 select

HTML中的下拉列表:

其中select是显示一个下拉列表(drop down list)出来,option是下拉列表中的项目(item),而option的文本内容(text content)是下拉列表项目中显示到页面上的值,value是真正需要提交到服务端的值。
显示效果如下所示:
[img]http://dl.iteye.com/upload/attachment/0070/7541/c43e9e8b-623c-310f-87b2-b348e8c23b92.png[/img]

更复杂的下拉列表:

这个下拉列表包含一个“项目组”(item group),这个组是无法选择的,使用label标签标记字面内容,真正起作用的,还是value属性。
看一下这个包含“项目组”的下拉列表
[img]http://dl.iteye.com/upload/attachment/0070/7544/85f5e4a1-593d-36bd-89e0-6bfdc16ff0e9.png[/img]

option中的参数:selected="selected"
如果需要打开页面就默认选中某个option,需要用到selected参数:
  


option中的参数:disabled="disabled"
如果需要禁用某个项目,但是却又不想隐藏,可以使用disabled属性
  


option中的参数:title
如果需要在鼠标放到某个项目上时,给出提示,可以使用title属性
  

其实,title也可以用在很多其他的HTML标签中!
[img]http://dl.iteye.com/upload/attachment/0070/7546/875b5ee7-43dd-37e9-936a-d39a43075837.png[/img]

你可能感兴趣的:(HTML中的下拉列表 select)