select标签大家应该经常用到,有个问题可能没怎么注意过,

  select标签里面的option标签可以嵌套其它标签吗,比如i,span标签等?

  经本人测试,答案是:可以嵌套其它标签,但审查元素会发现标签被剔除了,只显示了标签里面的文本 

  不能的原因,网上找到一个解释:

  option标签在网页中并没有直接显示,而是作为下拉框的选项内容之一,

  其样式是由当前浏览器决定的,所以option标签之间只会有文本内容

测试代码:

<select>
<option>测试<span style="color:red;">*</span></option>
</select>

测试截图:如下图显示,span标签被剔除了,只保留了span标签里面的 *

然后我又好奇的试了一下,把span标签写在option标签外面,select标签里面,发现span标签依然会被剔除,只保留文字,如下图:

测试代码:

     <select>
<option>测试<span style="color:red;">*</span></option>
<span>测试</span>
</select>

顺便附上select基本的一些用法和HTML5新增的属性

最新文章

  1. Html中设置访问页面不在后进行其他页面跳转
  2. 删除数组中重复的元素(JSON)
  3. asp.net web api集成微信服务(使用Senparc微信SDK)
  4. 【8-22】java学习笔记04
  5. Android推送方案分析(MQTT/XMPP/GCM)
  6. ContentProvider官方教程(1)何时用content provider
  7. iOS深入学习(再谈block)
  8. Windows控制台程序“选定模式”的问题
  9. Android中常用的5大布局详述
  10. POJ C程序设计进阶 编程题#4:括号匹配问题
  11. framework-Binder
  12. 关于12306登陆页面dynamicJs的获取
  13. Struts2默认拦截器配置
  14. jQuery插件autoComplete使用
  15. onkeyup事件只能输入数字,字母,下划线
  16. Visual Studio 2017 for Mac 体验之Android.Form
  17. 福州大学软工 1715 | K 班 - 启航
  18. AngularJS学习篇(九)
  19. 【jenkins】jenkins+maven+gitlab+testng,jenkins配置
  20. MT【311】三角递推数列

热门文章

  1. 如何在Android Studio中指定NDK位置?
  2. MySQL(二)MySQL的安装和简单使用
  3. JavaScript 异步开发全攻略(转)
  4. app后端设计(6)-- LBS
  5. [爬虫]Fiddler证书错误
  6. Redis Rpop 命令
  7. Eclipse中Maven Install时发生错误
  8. Java Fork/Join 框架
  9. POJ_3304_Segments_线段判断是否相交
  10. 【源码安装】Heartbeat3.0.9