百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> HTML option标签怎么增加两个value?option标签的用途解析
分享文章到:

HTML option标签怎么增加两个value?option标签的用途解析

发布时间:09/01 来源:未知 浏览: 关键词:
本篇文章主要的讲述了关于HTML option标签的用途实例,如何增加两个value的值,最后还有一个常见的问题解答,但愿能帮到大家,好了,此刻一起来看看这篇关于HTML option标签的文章吧

第一先看看HTML option标签的意思:

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

阅读器将 <option> 标签中的内容作为 <select> 标签的菜单或是滚动列表中的一个元素显示。

option 元素位于 select 元素内部。

HTML option标签的用途提醒:

提醒:<option> 标签可以在不带有任何属性的状况下使用,但是您平常需要使用 value 属性,此属性会指示出被送往效劳器的内容。

提醒:请与 select 元素配合使用此标签,不然这个标签是没成心义的。

提醒:假如列表选项许多,可以使用 <optgroup> 标签对相关选项停止组合。

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

创立带有 2 个选项的选中列表:

<select>
  <option value ="volvo">Volvo(第一个value)</option>
  <option value ="saab">Saab(第一个value)</option>
</select>

那么结果图呢?在这:

tuyi.pngtuer.png

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

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

<select><optionvalue="A">B</option></select>

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

HTML option标签的问题解答:

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

B是显示在网页上的内容

就比方这个:

<select >
<option value = "class1">这是要传给后台表单处置程序的</option>
</select>

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

传给后台程序就是class1了

这样做的好处有两个:

1.减少表单传输数据,大概幸免了一些中文编码问题

2.假如今后想改显示内容,不消修改后台程序

【小编引荐】

HTML中的base标签怎样写相对途径?(内附使用介绍)

html base标签如何用?base标签的使用办法(附实例)

以上就是HTML option标签如何增加两个value?option标签的用途解析的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有151人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板