怎么使用HTML option标签添加两个value

发布时间:2020-07-13 09:15:45

来源:亿速云

阅读:215

作者:Leah

这篇文章将为大家详细讲解有关怎么使用HTML option标签添加两个value,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

首先先看看HTML option标签的意思:

option 元素定义下拉列表中的一个选项(一个条目)。

浏览器将 标签中的内容作为 标签的菜单或是滚动列表中的一个元素显示。

option 元素位于 select 元素内部。

HTML option标签的用法提示:

提示: 标签可以在不带有任何属性的情况下使用,但是您通常需要使用 value 属性,此属性会指示出被送往服务器的内容。

提示:请与 select 元素配合使用此标签,否则这个标签是没有意义的。

提示:如果列表选项很多,可以使用 标签对相关选项进行组合。

说了这么多,看看问题,option标签怎么添加两个value,这有个实例:

创建带有 2 个选项的选择列表:

Volvo(第一个value)

Saab(第一个value)

那么效果图呢?在这:

看,点开之后还有一个,这就是option标签的选择列表

我们接下来看一个关于HTML option标签的问题和解答:B

其中“A”“B”分别代表什么?

HTML option标签的问题解答:

A是实际传给后台表单处理程序

B是显示在网页上的内容

就比如这个:

这是要传给后台表单处理程序的

在网页上显示"这是要传给后台表单处理程序"

传给后台程序就是class1了

这样做的好处有两个:

1.减少表单传输数据,可能避免了一些中文编码问题

2.如果以后想改显示内容,不用修改后台程序

关于怎么使用HTML option标签添加两个value就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

html下拉列表框设置两个,怎么使用HTML option标签添加两个value相关推荐

  1. phpstorm如何同时打开两个文件夹_iPhone如何同时添加两个不同的面容ID?

    iPhone 8 及之前使用 Touch ID 的设备,可以同时添加多个指纹来解锁设备,这样就可以添加其他人来解锁自己的 iPhone. 在iPhone X及之后的设备上,使用的都是面容识别解锁,其实 ...

  2. python循环10次_开发一个循环 5 次计算的小游戏, 设置随机种子为10,每次随机产生两个 1~10的数字以及随机选择...

    开发一个循环 5 次计算的小游戏, 设置随机种子为10,每次随机产生两个 1~10的数字以及随机选择 "+.-.*"运算符,构成一个表达式, 让用户计算式子结果并输入结果,如果计算 ...

  3. 如何让表格中的一列按照公式计算机,excel设置一列运用相同类型的公式的两种方法...

    腾讯视频/爱奇艺/优酷/外卖 充值4折起 EXCEL工作表中同一列运用相同类型的公式,如图中所示,A1*B1,积要显示在C1,在C1单元格输入公式,=A1*B1按回车,积就显示在C1了,若往下整个C列 ...

  4. 开发一个循环 5 次计算的小游戏, 设置随机种子为10,每次随机产生两个 1~10的数字以及随机选择

    开发一个循环 5 次计算的小游戏, 设置随机种子为10,每次随机产生两个 1~10的数字以及随机选择 "+.-.*"运算符,构成一个表达式, 让用户计算式子结果并输入结果,如果计算 ...

  5. python 两阶段聚类_挑子学习笔记:两步聚类算法(TwoStep Cluster Algorithm)——改进的BIRCH算法...

    转载请标明出处:http://www.cnblogs.com/tiaozistudy/p/twostep_cluster_algorithm.html 两步聚类算法是在SPSS Modeler中使用的 ...

  6. 多个html如何套用套一个头部,Vue.js项目中管理每个页面的头部标签的两种方法...

    在 Vue SPA 应用中,如果想要修改 HTML 的头部标签,如页面的 title ,我们只能去修改 index.html 模板文件,但是这个是全局的修改,如何为每个页面都设置不一样的 title ...

  7. 标签插入两一个html,一个类下有很多a标签,给第二个a标签添加样式,怎么写才能不用再给第二个a添加类_html/css_WEB-ITnose...

    1 2 3 想把2或者3字体大小设置为16px,怎么写才能不用加类或者其他标签 有种写法好像使用加号的 .login + a{ } 回复讨论(解决方案) css选择器没有+号一说,详见: http:/ ...

  8. apple id两步验证服务器,如何开启 Apple ID 两步验证

    本期教学点: 开启 Apple ID 两步验证,减小 Apple ID 被盗风险,大大提高安全性. 首先打开 Safari 浏览器,在地址栏输入 appleid.apple.com. 点击右边&quo ...

  9. html5渐变的两种方式,HTML5的渐变色 渐变的两种类型 createLinearGradient 和createRadialGradient...

    今天又再看了html5的颜色渐变API,发现没有第一次看那么复杂. 不过我对这个颜色渐变存在着一个疑惑就是两种色带之间,那段是属于两种颜色混合的,有点模糊. 比如从红色变成黄色,在红与黄之间的那个地方 ...

最新文章

  1. 使mysql查询条件区分大小写 数据库搜索中大小写敏感性
  2. VBA编程常用词汇英汉对照表
  3. STM32F4_USART配置及细节描述
  4. java 8进制串转中文_为什么不能用中文进行编程?而英文就可以
  5. Qt文档阅读笔记-Custom Items Example解析
  6. php proc open 返回,PHP proc_open多次打开
  7. Javascript学习历程之事件
  8. Android:关于声明文件中android:process属性说明
  9. DIV+CSS网页设计布局应用详解视频教程
  10. 【技术】jquery暂无图片替换
  11. list转json的时候,关于date转换的问题
  12. matlab的电子线路仿真,高频电子线路Matlab仿真实验
  13. C. Spell Checker
  14. 05Echarts - 折线图(Smoothed Line Chart)
  15. 水哥 liunx之旅之输入法
  16. activiti-会签任务
  17. 私企招聘:腾讯TME社会招聘
  18. Windows——在设备和驱动器界面删除天翼云盘图标的方法
  19. 捡到的苹果6plus怎么解id要多少钱
  20. H3 BPM公文管理解决方案

热门文章

  1. argument--学习笔记
  2. 让powershell同时只能运行一个脚本(进程互斥例子)
  3. [HTML5游戏开发]简单的《找没有同汉字版〗爆去考考您狄综力吧
  4. sql server中的decimal或者numeric的精度问题 (转载)
  5. Linux SPI总线和设备驱动架构之一:系统概述
  6. python 语言教程(3)变量之字典
  7. java元婴期(29)----java进阶(springmvc(3)---springmvc和mybatis整合参数绑定(上))
  8. [专栏目录]-Android专栏目录
  9. Python中字典对象实现原理
  10. 用 Go 语言实现 Raft 选主