select下拉框的探索（標簽中能嵌套使用其它標簽嗎）

 

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