溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關html怎么讓input隱藏，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
隱藏方法：1、設置input標簽 type屬性的值為“hidden”；2、利用input標簽的style屬性，添加“display:none”樣式；3、利用input標簽的style屬性，添加“visibility:hidden”樣式。
本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
方法1：
<input type = "hidden" />
type 屬性規定 input 元素的類型；當值為hidden時，可定義隱藏的輸入字段。
方法2：
<input type = "text" style = "display:none" />
style 屬性規定元素的行內樣式
display:none方法，不占據空間，把元素隱藏起來，所以動態改變此屬性時會引起重排（改變頁面布局），可以理解成在頁面中把該元素刪除掉一樣；不會被子孫繼承，但是其子孫是不會顯示的，畢竟都一起被隱藏了。
方法3：
<input type = "text" style = "visibility:hidden" />
visibility 屬性規定元素是否可見。這個屬性指定是否顯示一個元素生成的元素框。這意味著元素仍占據其本來的空間，不過可以完全不可見。
visibility:hidden方法中，元素會被隱藏，但是不會消失，依然占據空間，隱藏后不會改變html原有樣式；會被子孫繼承，子孫也可以通過顯示的設置visibility: visible;來反隱藏；不會觸發該元素已經綁定的事件， 動態修改此屬性會引起重繪。
關于“html怎么讓input隱藏”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
