Web前端知识

首页 > 免费 > Web前端知识 >

HTML中的下拉列表 select

来源:北京汇仁智杰科技有限公司   时间:2015-11-06   点击:

  HTML中的下拉列表:

  Html代码 

  

  其中select是显示一个下拉列表(drop down list)出来,option是下拉列表中的项目(item),而option的文本内容(text content)是下拉列表项目中显示到页面上的值,value是真正需要提交到服务端的值。

  显示效果如下所示:

  

  更复杂的下拉列表:

  Html代码 

  

  这个下拉列表包含一个“项目组”(item group),这个组是无法选择的,使用label标签标记字面

  内容,真正起作用的,还是value属性。

  看一下这个包含“项目组”的下拉列表

  

  option中的参数:selected="selected"

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

  Html代码

  option中的参数:disabled="disabled"

  如果需要禁用某个项目,但是却又不想隐藏,可以使用disabled属性

  Html代码

  

option中的参数:title

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

  Html代码

  

  其实,title也可以用在很多其他的HTML标签中!

  

网络营销推广 . 北京汇仁智杰科技有限公司!

地址:北京市昌平区回龙观龙冠大厦5层
咨询:13370157521
业务QQ:373002979
E - mail:sales @ huirenzhijie.com
企业网站备案:京ICP备15021091号-1

汇仁智杰与众不同

  • 有网络推广经验
  • 有网站建站队伍
  • 有大型网站建设经验
  • 致力于营销型网站建设
  • 始终坚持技术和服务同样重要
查看PC版网站
备案号:京ICP备15021091号-1 版权所有:汇仁智杰