」;2、為option標籤加上「display:none」樣式;3、為option標籤加上「visibility:hidden」樣式。"/> 」;2、為option標籤加上「display:none」樣式;3、為option標籤加上「visibility:hidden」樣式。">

首頁  >  文章  >  web前端  >  html怎麼隱藏option

html怎麼隱藏option

青灯夜游
青灯夜游原創
2021-12-01 10:20:284070瀏覽

方法:1、為option標籤設定hidden屬性,語法「

html怎麼隱藏option

本教學操作環境: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>

html怎麼隱藏option

方法2:在option標籤上新增「display:none」樣式

<select>
  <option>默认---喜欢什么水果</option>
  <option hidden="hidden">苹果</option>
  <option style="display: none;">梨子</option>
  <option>桃子</option>
  <option>香蕉</option>
</select>

html怎麼隱藏option

方法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怎麼隱藏option

推薦教學:《html影片教學

以上是html怎麼隱藏option的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn