」;2、為option標籤加上「display:none」樣式;3、為option標籤加上「visibility:hidden」樣式。"/> 」;2、為option標籤加上「display:none」樣式;3、為option標籤加上「visibility:hidden」樣式。">
方法:1、為option標籤設定hidden屬性,語法「
本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
html隱藏option的方法
#方法1:給option標籤設定hidden屬性
瀏覽器不應顯示已規定hidden 屬性的元素。
<select> <option>默认---喜欢什么水果</option> <option hidden="hidden">苹果</option> <option>梨子</option> <option>桃子</option> <option>香蕉</option> </select>
方法2:在option標籤上新增「display:none」樣式
<select> <option>默认---喜欢什么水果</option> <option hidden="hidden">苹果</option> <option style="display: none;">梨子</option> <option>桃子</option> <option>香蕉</option> </select>
方法3:為option標籤新增「visibility:hidden」樣式
<select> <option>默认---喜欢什么水果</option> <option hidden="hidden">苹果</option> <option style="display: none;">梨子</option> <option>桃子</option> <option style="visibility: hidden;">香蕉</option> </select>
推薦教學:《html影片教學》
以上是html怎麼隱藏option的詳細內容。更多資訊請關注PHP中文網其他相關文章!