html怎麼隱藏option

方法：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中文網其他相關文章！