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新增的属性