HTML中的下拉列表:

Volvo

Saab

Opel

Audi

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

显示效果如下所示:

更复杂的下拉列表:

Volvo

Saab

Mercedes

Audi

这个下拉列表包含一个“项目组”(item group),这个组是无法选择的,使用label标签标记字面内容,真正起作用的,还是value属性。

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

option中的参数:selected="selected"

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

Volvo

Saab

Mercedes

Audi

option中的参数:disabled="disabled"

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

Volvo

Saab

Mercedes

Audi

option中的参数:title

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

Volvo

Saab

Mercedes

Audi

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

Html select、option、optgroup 标签

Html select 标签

oracle字段属性设置下拉列表,下拉列表 select-option ; select-optgroup-option相关推荐

  1. sql语句 创建student表 字段属性设置

    字段属性设置: 1.not null: 不为空,表示该字段不能放"null"这个值.不写,则默认是可以为空 2.auto_increment: 设定int类型字段的值可以" ...

  2. access字段属性设置下拉列表_关于下拉式菜单,这一篇足够了

    下拉菜单主要有两种类型: 1.用于导航的下拉菜单: 2.用于表单的下拉菜单. 在本文中,我们将对以下内容进行介绍: 1. 结构剖析 下拉菜单的解剖结构与文本输入字段的解剖结构非常相似. 2.下拉菜单类 ...

  3. access字段属性设置下拉列表_可嵌入您系统的.NET 报表控件ActiveReports:带状列表组件...

    葡萄城报表控件ActiveReports V14.0 全面支持 .NET Core平台.同时 ActiveReports的桌面报表设计器UI也全面增强,报表预览方式得以全面优化,报表设计能力得以大幅提 ...

  4. 前端:JS/35/二级联动菜单,select对象,select对象的属性,option对象,option对象属性,实例:省份列表与城市列表的联动

    二级联动菜单 select 对象 一个<select>标记,对应一个select对象: select对象的属性 1,options[] :设置或返回下拉列表中<option>标 ...

  5. oracle,mysql常用基本操作 字段属性

    1.Oracle 1.向数据表添加注释及查询表注释 SELECT * FROM USER_TAB_COMMENTS WHERE TABLE_NAME='表名'; --查询注释 COMMENT ONTA ...

  6. jq 下拉列表选中事件_JQuery select各种事件

    最近工作中总出现select 和 option问题,整理一下,内容大部分源于网络资料 一.基础取值问题 例如 1.设置value为pxx的项选中 $(".selector").va ...

  7. oracle查询所有表字段属性_Oracle查询表字段属性的方法

    Oracle查询表字段属性的方法 1.查找表的所有索引(包括索引名,类型,构成列): select t.*,i.index_type from user_ind_columns t,user_inde ...

  8. jQuery动态增加/删除select下来框的option中的selected属性

    jQuery动态增加/删除select下来框的option中的selected属性 1.说明:选中下拉框的时候,先清除所有选中的option选项 2.效果截图: 1.说明:选中下拉框的时候,先清除所有 ...

  9. 《地理信息系统基础实例操作100例》-实验15 设置字段属性域(无法创建要素问题)

    <地理信息系统基础实例操作100例>-实验15 设置字段属性域(无法创建要素问题) 零.观前须知 一.基本流程 二.所遇问题 三.解决方法(之一) (一)ArcCatalog操作 (二)A ...

最新文章

  1. 在Google Cloud Platform上持续部署Node.js
  2. 竞赛提升:必知必会的21篇论文!
  3. mysql 哨兵模式_Redis讲解主从复制和哨兵模式
  4. openjpa_以编程方式向OpenJPA注册实体类型
  5. pat 乙级 1036 跟奥巴马一起编程(C++)
  6. 2020年周记(3/50)
  7. xstream java_XStream将java转化成xml的简单使用
  8. 类加载常见错误总结,写得非常好!
  9. 运筹学—线性规划单纯形表
  10. 测试自学人必看:软件测试如何找测试项目?
  11. vue项目的停止_Terminal怎么停止VUE项目
  12. TweenMax说明
  13. 福建农村信用社计算机类C卷考什么,2015年福建省农村信用社公开招聘考试《计算机类》真题及详解...
  14. 回顾过去,展望未来——2014年终总结
  15. 文化苦旅 余秋雨著
  16. 上证50基金有哪些_【宽基系列】上证50指数基金买哪个?
  17. 基于imx8的成熟360全景方案 ,NVP6324+IMX8,N4+IMX8
  18. 小白入职公司都是自己看,嫌弃增删改查,做了2年感觉没前途?
  19. 1602液晶显示器代码
  20. estimate, underestimate and overestimate

热门文章

  1. 浅析AES和RSA加密算法的区别和适用场景
  2. python怎么部署到tomcat_使用python将war部署到tomcat
  3. android开发 问卷调查案例_Android开发Handler的简单使用——随机点名案例
  4. 关于JVM垃圾回收的几个问题
  5. 首次自动对接!美国离本土载人航天又进一步,SpaceX成功抵达国际空间站
  6. Java 远程通讯技术及原理分析
  7. 软件开发的核心问题是什么
  8. 云计算---openstack基础构架以及服务方式详解
  9. Multiple methods named 'status' found with mismatched result, parameter type or attributes
  10. 宽带路由器常见故障排除