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