首頁 > web前端 > html教學 > html怎麼隱藏文字框

html怎麼隱藏文字框

青灯夜游
發布: 2023-01-06 11:13:11
原創
11220 人瀏覽過

html隱藏文字方塊的方法:1、將input文字方塊type屬性的值設定為「hidden」;2、為文字方塊新增「display:none」樣式;3、為文字方塊新增「visibility :hidden」樣式;4、設定文字方塊的寬度值和高度值為0。

html怎麼隱藏文字框

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

HTML隱藏文字方塊的四種方式

方法1:

<input type="hidden" value="">
登入後複製

對所有的文字方塊都起作用(隱藏域,多用於存資料)

方法2:

<input type="text" value="" style="display:none">
登入後複製

物件隱藏後,物件不佔任何空間

方法3:

<input type="text" value="" style="visibility:hidden">
登入後複製

物件隱藏後,還有佔有對應的空間大小

方法4:

<input type="text" value="" style"width:0;height:0;">
登入後複製

推薦教學:《html影片教學

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板