隱藏方法:1、設(shè)置input標(biāo)簽 type屬性的值為“hidden”;2、利用input標(biāo)簽的style屬性,添加“display:none”樣式;3、利用input標(biāo)簽的style屬性,添加“visibility:hidden”樣式。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
方法1:
<input type = "hidden" />
type 屬性規(guī)定 input 元素的類型;當(dāng)值為hidden時(shí),可定義隱藏的輸入字段。
方法2:
<input type = "text" style = "display:none" />
style 屬性規(guī)定元素的行內(nèi)樣式
display:none
方法,不占據(jù)空間,把元素隱藏起來,所以動(dòng)態(tài)改變此屬性時(shí)會(huì)引起重排(改變頁面布局),可以理解成在頁面中把該元素刪除掉一樣;不會(huì)被子孫繼承,但是其子孫是不會(huì)顯示的,畢竟都一起被隱藏了。
方法3:
<input type = "text" style = "visibility:hidden" />
visibility 屬性規(guī)定元素是否可見。這個(gè)屬性指定是否顯示一個(gè)元素生成的元素框。這意味著元素仍占據(jù)其本來的空間,不過可以完全不可見。
visibility:hidden
方法中,元素會(huì)被隱藏,但是不會(huì)消失,依然占據(jù)空間,隱藏后不會(huì)改變html原有樣式;會(huì)被子孫繼承,子孫也可以通過顯示的設(shè)置visibility: visible;來反隱藏;不會(huì)觸發(fā)該元素已經(jīng)綁定的事件, 動(dòng)態(tài)修改此屬性會(huì)引起重繪。