html中列表菜单加文字请选择,html中下拉菜单
发布日期:2021-06-24 11:17:58 浏览次数:3 分类:技术文章

本文共 1326 字,大约阅读时间需要 4 分钟。

HTML中的下拉列表:Html代码<select><optionvalue="1">Volvo</option><optionvalue="2">Saab</option><optionvalue="3">Opel</option><optionvalue="4">Audi</option></select>其中select是显示一个下拉列表(dropdownlist)出来,option是下拉列表中的项目(item),而option的文本内容(textcontent)是下拉列表项目中显示到页面上的值,value是真正需要提交到服务端的值。显示效果如下所示:更复杂的下拉列表:Html代码<select><optgrouplabel="SwedishCars"><optionvalue="1">Volvo</option><optionvalue="2">Saab</option></optgroup><optgrouplabel="GermanCars"><optionvalue="3">Mercedes</option><optionvalue="4">Audi</option></optgroup></select>这个下拉列表包含一个“项目组”(itemgroup),这个组是无法选择的,使用label标签标记字面内容,真正起作用的,还是value属性。看一下这个包含“项目组”的下拉列表option中的参数:selected="selected"如果需要打开页面就默认选中某个option,需要用到selected参数:Html代码<select><optionvalue="1">Volvo</option><optionvalue="2">Saab</option><optionvalue="3"selected="selected">Mercedes</option><optionvalue="4">Audi</option></select>option中的参数:disabled="disabled"如果需要禁用某个项目,但是却又不想隐藏,可以使用disabled属性Html代码<select><optionvalue="1">Volvo</option><optionvalue="2">Saab</option><optionvalue="3"disabled="disabled">Mercedes</option><optionvalue="4">Audi</option></select>option中的参数:title如果需要在鼠标放到某个项目上时,给出提示,可以使用title属性Html代码<select><optionvalue="1">Volvo</option><optionvalue="2">Saab</option><optionvalue="3">Mercedes</option><optionvalue="4"title="Audi,yourbestchoice!">Audi</option></select>其实,title也可以用在很多其他的HTML标签中!

阅读全文 >

转载地址:https://blog.csdn.net/weixin_32459553/article/details/117798672 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:读书郎平板中android,读书郎学生平板电脑怎么用 使用方法详解【图文】
下一篇:html刷新ajax实现原理,AJAX的原理—如何做到异步和局部刷新

发表评论

最新留言

路过按个爪印,很不错,赞一个!
[***.219.124.196]2024年04月27日 05时34分12秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

深层网络(deepNN)中前向传播fp与后向传播bp的向量化参数 向量化表示 python表示 维数 2019-04-28
convolution 卷积的直观解释 卷积的物理意义 2019-04-28
CNN中的前向传播 及其Python代码实现 2019-04-28
CNN边缘检测示例 直观观察CNN卷积结果 2019-04-28
【笔记】Notes for Deeplearning 深度学习与神经网络的笔记 2019-04-28
解决报错make sure the Graphviz executables are on your systems' PATH 2019-04-28
ubuntu16.04创建快捷方式,以pycharm为例 2019-04-28
常用的linux指令记录 查看tf、cuda、cudnn版本,查看gpu使用情况等 2019-04-28
C++核心准则C.46:默认状态下明确定义单参数构造函数 2019-04-28
C++核心准则C.47:按照成员变量声明的次序定义和初始化数据成员 2019-04-28
C++核心准则C.48:如果构造函数需要用常数初始化成员,使用类内初始化器更合适 2019-04-28
C++核心准则C.49:构造函数中应该做的是初始化而不是赋值 2019-04-28
C++核心准则C.50:如果在构造过程中需要“虚行为”,使用工厂函数 2019-04-28
C++核心准则C.51:使用委托构造函数实现所有构造函数的共通动作 2019-04-28
C++核心准则C.52:合理使用继承的构造函数 2019-04-28
基于Chrome浏览器的前端调试 2019-04-28
第1章 Ext JS介绍与快速入门[1/4] 2019-04-28
第1章 Ext JS介绍与快速入门[2/4] 2019-04-28
ProcessingJoy —— 获取附近的若干粒子并高亮【JAVA】 2019-04-28
ProcessingJoy —— 加载本地 obj 文件和网格动画【JAVA】 2019-04-28