HTML左侧下拉列表,HTML中的下拉列表 select

HTML中的下拉列表：

Volvo

Saab

Opel

Audi

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

显示效果如下所示：

更复杂的下拉列表：

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

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

option中的参数：selected="selected"

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

option中的参数：disabled="disabled"

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

option中的参数：title

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

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

基于MVC4+EasyUI的Web开发框架经验总结(6)--在页面中应用下拉列表的处理

在很多Web界面中,我们都可以看到很多下拉列表的元素,有些是固定的,有些是动态的:有些是字典内容,有些是其他表里面的名称字段:有时候引用的是外键ID,有时候引用的是名称文本内容:正确快速使用下拉列表的 ...

JS-005-常见下拉列表 Select 和 datalist

下拉列表在我们日常的网页浏览的过程中,随处可见,是 web 编程过程中大家非常熟悉的一个页面元素,随着 HTML 语言的日益强大,其在广大攻城狮的手中可谓是千变万化,有了很多不同的实现方式.本文主要以 ...

如何在ALV_Grid的函数中定义下拉列表

转自 http://www.cnblogs.com/VerySky/articles/2392262.htmlABAP--如何在ALV_Grid的函数中定义下拉列表 REPORT. ********* ...

用纯css改变下拉列表select框的默认样式(转)

用纯css改变下拉列表select框的默认样式 分享到 分类 JS学习   关键字 前端   发布 kris  2015-04-01 注意 转载须保留原文链接,译文链接,作者译者等信息.     在这 ...

sql 中set和select区别

基于SQL中SET与SELECT赋值的区别详解 2012年09月06日 ⁄ 综合 ⁄ 共 912字 ⁄ 字号 小 中 大 ⁄ 评论关闭 最近的项目写的SQL比较多,经常会用到对变量赋值,而我使用SET ...

在DataTable中执行DataTable.Select("条件")返回DataTable；

转:http://blog.csdn.net/hcf_force/article/details/7779062 1.在DataTable中执行DataTable.Select("条件&qu ...

语法：MySQL中INSERT INTO SELECT的使用(转)

1. 语法介绍      有三张表a.b.c,现在需要从表b和表c中分别查几个字段的值插入到表a中对应的字段.对于这种情况,可以使用如下的语句来实现: INSERT INTO db1_name (fi ...

在DataTable中执行DataTable.Select("条件")

.在DataTable中执行DataTable.Select("条件")返回DataTable:  //  // 执行DataTable中的查询返回 ...

【转】Android中Spinner下拉列表(使用ArrayAdapter和自定义Adapter实现)

原文网址:http://embed.21ic.com/software/android/201403/31603.html 1 :Android中Spinner下拉列表(使用ArrayAdapter和 ...

随机推荐

【转】iOS学习之translucent属性