html中输出PHP的下拉列表,html中关于下拉列表select的图文代码详解

HTML中的下拉列表:

Html代码

b551d2930adbbbe7c9109dd285b6f2c6.png

Volvo

Saab

Opel

Audi

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

显示效果如下所示:

2c9dcb6eab2acce7bb75465e9bf0941f.png

更复杂的下拉列表:

Html代码

b551d2930adbbbe7c9109dd285b6f2c6.png

Volvo

Saab

Mercedes

Audi

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

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

4f8ff5024f4fabc970eb4c3c41aac1d5.png

option中的参数:selected="selected"

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

Html代码

b551d2930adbbbe7c9109dd285b6f2c6.png

Volvo

Saab

Mercedes

Audi

option中的参数:disabled="disabled"

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

Html代码

b551d2930adbbbe7c9109dd285b6f2c6.png

Volvo

Saab

Mercedes

Audi

option中的参数:title

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

Html代码

b551d2930adbbbe7c9109dd285b6f2c6.png

Volvo

Saab

Mercedes

Audi

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

3ac66c7fb711f6e23218b2ff111e4e65.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/343850.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

光纤收发器tx和rx的区别?

光纤收发器,是一种将短距离的双绞线电信号和长距离的光信号进行互换的以太网传输媒体转换单元,在很多地方也被称之为光电转换器(Fiber Converter)。产品一般应用在以太网电缆无法覆盖、必须使用光纤来延长传输距离的实际网络环境中…

光纤收发器元件级和整机测试内容介绍

对光纤收发器的测试可分为元件级和整机测试,元件级测试主要包括对光纤收发器内部关键器件在电工作的电性能测试。整机测试主要指将光纤收发器接入到以太局域网中,测试整机的功能、性能和特性。那么,具体要怎样测试光纤收发器才是一次完整的测…

如何判断光纤收发器是否有问题?

一般情况下,光纤收发器或光模块的发光功率如下:多模在10db--18db之间;单模20公里在-8db--15db之间;而单模60公里则在-5db--12db之间。但如是光纤收发器的发光功率出现在-30db--45db之间,那么,很有可能这个光…

activemq 实例_在一台计算机上运行多个ActiveMQ实例

activemq 实例几周前,我再次通过Mule ESB解决方案将Apache ActiveMQ用作JMS提供程序。 由于使用ActiveMQ已经有几年了,所以我认为最好检查一些(新)功能,例如故障转移传输和其他群集功能 。 为了能够测试这些最后的东西…

什么是光纤收发器?光纤收发器作用是什么?

许多朋友一听到光纤收发器这五个大字总会有困惑,比如说什么是光纤收发器,光纤收发器又有什么作用等等疑问。那么,什么是光纤收发器呢?光纤收发器又有什么作用呢?接下来我们就跟随飞畅科技的小编一起来详细了解下吧&…

在15分钟内使用Spring Boot和Spring Security构建一个Web应用程序

“我喜欢编写身份验证和授权代码。” 〜从来没有Java开发人员。 厌倦了一次又一次地建立相同的登录屏幕? 尝试使用Okta API进行托管身份验证,授权和多因素身份验证。 开发人员知道保护Web应用程序安全可能会很麻烦。 正确地做是很难的。 最糟糕的是&…

音频光端机的必备要素有哪些?

音频光端机就是发射端把传统的音频模拟信号转换成光信号,通过光纤传输到接收端,在接收端再转换成模拟信号的一种音频设备。那么,音频光端机有哪些必备要素呢?音频光端机的原理是什么呢?接下来我们就一起来详细了解下吧…

16路开关量光端机产品功能及接线图

飞畅科技生产的16路开关量光端机,可以使开关量信号通过光缆在光纤上传输双向控制。全数字光传输通道,确保高质量的信号传输。面板上有电源指示灯、光信号指示灯数据信号指示灯,可以直观的检测电源、光信号、数据信号状态。单向系列开关量光端…

matlab查找替换指令,使用matlab GUI在.txt文件中编辑特定数字使用搜索/替换

使用matlab GUI在.txt文件中编辑特定数字使用搜索/替换 我有一堆不同的模板.txt文件,我想由Matlab中的用户访问。这些模板看起来像这样,但是有一些主要的区别,我将解释:LOAD BOX 1 SUBJ M1_299633_D295158_JUN191910_Aut_ERROR2 E…

电话光端机安装步骤详解

光端机是光信号传输的终端设备,其主要作用是把传统的电话信号转换成光信号并在光纤上传输的设备,是随着光线技术的发展而出现的光端机产品。那么,电话光端机是怎么安装的呢?今天就由飞畅科技的小编来为大家介绍下电话光端机的详细…

php 站内搜索引擎,淘特站内搜索引擎For PhoCmsV9.4

一、产品特点:该产品是淘特站内搜索引擎For PhpCmsV9特别定制版,系统安装后,就可以索引、模糊查询PhpCmsV9的文章数据了(无需连接数据库哦)二、产品下载:三、使用说明:提示:本系统已和tomcat7打包&#xff…

交换机组网常见九大故障问题

交换机是一种用于电信号转发的网络设备。它可以为接入交换机的任意两个网络节点提供独享的电信号通路。最常见的交换机是以太网交换机。其他常见的还有电话语音交换机、光纤交换机等。那么,交换机组网常见九大故障问题有哪些呢?接下来我们就跟随飞畅科技…

python qtdesigner安装,PyCharm+Qt Designer+PyUIC安装配置教程详解

Qt Designer用于像VC的MFC一样拖放、设计控件PyUIC用于将Qt Designer生成的.ui文件转换成.py文件Qt Designer和PyUIC都包含在PyQt5中,所以我们只需要安装PyQt5塻块然后再指定Qt Designer和PyUIC即可为了避免篇幅过长,本文只讲安装配置,使用可…

可网管交换机的三种管理方式介绍

交换机的按是否可网管,分为可网管交换机和不可网管交换机,可网管交换机可以通过以下几种途径进行管理:通过RS-232串行口(或并行口)管理、通过网络浏览器管理和通过网络管理软件管理。接下来就由杭州飞畅科技来为大家详…

ping cat.flag.php,关于2020年强网杯-强网先锋-主动的赛题解析

原标题:关于2020年强网杯-强网先锋-主动的赛题解析一、基本信息(总概述)本题涉及知识点:命令执行正则匹配linux命令绕过二、基本环境和工具Linux系统PHPApacheFirefoxIndex.phpFlag.php三、Writeup1、根据题目要求还原实验环境首先在Linux虚拟机上安装Ap…

使用Prometheus发现在Kubernetes上运行的应用程序

Prometheus支持抓取应用程序的多个实例。 由于其IP地址会发生变化,因此需要动态发现在协调环境中运行的应用程序。 可以将Prometheus配置为使用Kubernetes API动态地发现正在运行的实例列表中的更改。 下面显示了一个简单的Prometheus示例,该示例对具有…

可网管交换机与非网管交换机的区别

交换机的种类按是否可网管,交换机分为可网管交换机和不可网管交换机。那么,可网管交换机与非网管交换机的区别主要体现在哪里呢?接下来我们就跟随飞畅科技的小编一起来详细了解下吧! 一、可网管交换机与非网管交换机的区别 不可网…

bloomfilter的java实现,BloomFilter(布隆过滤器)原理及实战详解

什么是 BloomFilter(布隆过滤器)布隆过滤器(英语:Bloom Filter)是 1970 年由布隆提出的。它实际上是一个很长的二进制向量和一系列随机映射函数。主要用于判断一个元素是否在一个集合中。通常我们会遇到很多要判断一个元素是否在某个集合中的业务场景,这…

六种让路由器与交换机更加安全的方法

传统的网络安全技术侧重于系统入侵检测,反病毒软件或防火墙。内部安全如何?在网络安全构造中,交换机和路由器是非常重要的,在七层网络中每一层都必须是安全的。很多交换机和路由器都有丰富的安全功能,要了解有些什么&a…

spring jaxb_自定义Spring命名空间使JAXB变得更容易

spring jaxb首先,让我大声说一下: Spring不再是XML繁重的了 。 实际上,如今,您可以使用大量注释, Java配置和Spring Boot来编写几乎没有XML或根本没有XML的Spring应用程序。 认真地停止谈论Spring和XML,这已…