关于<option></option>标签的title属性问题

最新推荐文章于 2024-02-10 02:29:17 发布
最新推荐文章于 2024-02-10 02:29:17 发布
阅读量8.2k 收藏 1
点赞数
分类专栏： web
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
  2. <HTML>  
  3.  <HEAD>  
  4.   <TITLE> New Document </TITLE>  
  5.   <script>  
  6.   //由于<option></option>标签的title属性在有些浏览器上不能够正常工作，  
  7.   //因此我们找了一个解决方法（在<select></select>标签上做文章，具体方法如下:）  
  8.   </script>  
  9.  </HEAD>  
  10.  <BODY>  
  11. <select id='yy' name=mysel οnchange="document.getElementById('yy').title=this.options[this.selectedIndex].text;">   
  12. <option value=title1 title='1'>new1 </option>  
  13. <option value=title2 title='2'>new2 </option>  
  14. <option value=title3 title='3'>new3 </option>  
  15. <option value=title4 title='4'>new4 </option>  
  16. </select>  
  17.  </BODY>  
  18. </HTML>  
「已注销」
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
IE6/7/8中Option元素未设value时Select将获取空字符串
12-12
如下 代码如下: <!DOCTYPE HTML> <html> <head> <title>IE6/7/8中Option元素未设value时Select将获取空字符串</title> </head> <body> <select onchange=”alert(this.value)”> <option>one</option> <option>two</option> <option>three</option> </select> </body> </html> 当触发change事件时，各浏览器中测试结果如下：IE6/7/8 : 弹出空字符串IE9/Firefox/Safari/C
<select>在chrome浏览器下背景透明问题
weixin_34144450的博客
03-02 585
在上篇文章《只用CSS美化选择框》运用了背景透明的技巧来美化选择框，但在chrome浏览器下遇到了跟ie、ff不一样的透明效果，下面重现一下： 在一个大的div(背景红色)内放置一个select元素（背景透明）。在线查看（可在不同浏览器中查看效果） <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//E...
echarts的title标题属性
最新发布
kfepiza的博客
02-10 1693
left 的值可以是像 20 这样的具体像素值，可以是像 ‘20%’ 这样相对于容器高宽的百分比，也可以是 ‘left’, ‘center’, ‘right’。top 的值可以是像 20 这样的具体像素值，可以是像 ‘20%’ 这样相对于容器高宽的百分比，也可以是 ‘top’, ‘middle’, ‘bottom’。还可以是 ‘serif’ , ‘monospace’, ‘Arial’, ‘Courier New’, ‘Microsoft YaHei’, …图形阴影的模糊大小。
修改select下拉框样式兼容IE和Chrome浏览器
cgs的博客
06-11 2379
问题 在Chrome浏览器和IE11浏览器下，select下拉框表现的样式不一致。Chrome浏览器下，如图所示： IE11浏览器下，如图所示： 此时select下拉框的css的代码如下： .Data_select { width: 90px; height: 90px; line-height: 90px; margin-bottom: 20px; text-align: center; padding: 0 2%; } .Data_select {
慎用option中的title属性，及其替代方法
07-06 9182
如下图所示的多选框列表，要是鼠标点击某个条例时，显式该条例的详细内容。在页面中加了一个div，当鼠标移动时通过onmousemove="selMouseOver(this)"，来设置并显式div的值。在IE6中没有问题，鼠标点击后，显式条例的具体内容；IE7和8，当鼠标移动时，就显式条例的具体内容，点击后，又显式了一遍，重复了。将onmousemove="selMouseOver(this)"去掉后，IE7和8竟然还能显式。原因就在：在option中设置了title属性，当鼠标放在下拉框中的某一行时，可以显
echarts标题（title）设置背景图片
我灰灰凭啥输
03-25 5792
效果图 核心代码 此处用到了rich属性 title: { x: 'center', text: '{A| ' + that.title + '}', //使用A方案的样式 textStyle: { rich: { A: { //设置背景图片，可以设置width和height，不设置时宽高自适应 backgroundColor: { image: require('../../assets/image
浏览器上面title中加图标
jiahui513的博客
08-16 787
浏览器上面title标签中添加小图标
echarts-option属性title详解
青9的blog
12-14 1694
echarts
JS更改select内option属性的方法
11-24
本文实例讲述了JS更改select内option属性的方法。分享给大家供大家参考。具体如下： 帮一位友人解决了一个小问题，需求是更改选中选项卡内显示的文本值，新值存放在某个文本框内 初始窗口： <html> <head...
Firefox中A元素包含Select时点击Select不能选择option bug
01-19
这是在使用京东的一个日期组件时碰到的bug，重现bug的代码精简... <option>1</option> <option>2</option> <option>3</option> <option>4</option> </select></a> </body> </html> 代码很简单，元素
layui select获取自定义属性方法
01-19
<option xss=removed>请选择属性</option> <option value=1 title=12.32>雪碧</option> <option value=2 title=2.01>芬达</option> <option value=3 title=34.51>冰糖雪梨</option> <option value=4 title=17.46>...
layui之select的option叠加问题的解决方法
01-19
小编我在使用layui，在select的地方遇到了坑，select里的值居然无法清空，select里的option还有叠加问题，为了解决这个问题，也达到我的功能，我研究了下，让有同样需求的小伙伴不踩坑，特贴上我的源码： ...
获取HTML网页中option标签元素的值
潇歌的博客
02-10 1899
在进行表单元素的操作时，难免会遇到对option元素的挑选，下面的示例代码能够很好的获取到你option元素选择的值，如果要传递给后端，可通过ajax或者其他方式传递即可。 示例代码 <!doctype html> <html> <head> <meta charset="utf-8"> <title>获取option元素</title> </head> <body> <div class="item
HTML之 select 标签如何获取其选中的 option 子标签
不再更新，新博客 chgl16.space
11-26 2991
&lt;select&gt;、&lt;option&gt;标签格式 &lt;select class="dropdown-menu"&gt; &lt;option value="title" role="presentation"&gt;书名&lt;/option&gt; &lt;option value="type" rol
HTML学习（三）
m0_49049653的博客
06-02 114
HTML学习一、表单简介常用表单元素实例二、CSS样式简介语法结构注释引入方式选择器实例 一、表单 简介 HTML表单（form）是HTML文档中的一个区域，包含了一系列的可交互元素。表单主要用于收集用户输入的信息。 常用表单元素 （1）文本输入元素 定义用于文本输入的单行输入字段。 格式：<input type="text"/> （2）单选框元素 单选按钮允许用户在有限数量的选项中选择其中之一。 格式：<input type="radio"/> （3）复选框元素 复选按钮允许用户在
元素的alt和title属性相关细节知识
你若盛开，清风自来
06-09 650
alt和title属性在网页设计和开发中有着非常重要的作用。下面是它们的应用总结：alt属性主要用于为网页中的图像、表单元素或其他重要元素提供替代文本，以便在图像无法被显示或无法被搜索引擎索引时提供有效的文字描述。因此，必须确保alt属性的内容准确、简洁并且与元素的实际用途和描述相关。title属性主要用于为网页中的链接、图像、表单元素等提供额外的提示信息，以帮助用户更好地理解该元素的功能和用途。因此，在使用title属性时，必须确保内容简洁、明了，并能够提供足够的信息以适应用户需要。
echarts中option的title
tumi
07-09 2821
echarts中option的title参数配置如下：&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;标题&lt;/title&gt; &lt;/head&gt; &lt;body&a
HTML ＜option＞ 标签
玄链教育
07-22 692
option 元素定义下拉列表中的一个选项（一个条目）。浏览器将 标签中的内容作为 标签的菜单或是滚动列表中的一个元素显示。option 元素位于 select 元素内部。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>信息填写</title> <script> window.onload = function() { var oBtn = document.getElementById("btn") oBtn.onclick = function () { alert("提交成功"); }; } </script> </head> <body> <h1>信息填写</h1> <form method="post"> 姓名:<input type="text" /><br /> <br /> 账号:<input type="text" /><br /> <br /> 密码:<input type="password" /> <br /> <br /> <form method="post"> 性别: <input type="radio" name="gender" value="男" />男 <input type="radio" name="gender" value="女" />女 </form> <br /> <select> <option>HTML</option> <option>CSS</option> <option>jquery</option> <option>javascript</option> <option>vue.js</option> </select> <br /> <br /> <input Id="btn" type="button" value="提交" /> </body> </html> 请改进这段代码
05-27
<title>信息填写</title> <script> window.onload = function() { var oBtn = document.getElementById("btn"); oBtn.onclick = function () { alert("提交成功"); }; } </script> </head> ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值