欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css控制input隱藏顯示

許立華1年前8瀏覽0評論

CSS控制input隱藏顯示的方法:

input[type="text"] {
display: none;
}

上面的代碼可以隱藏所有type為text的input元素。

如果要控制隱藏某個具體的input元素,可以在元素的HTML標簽中添加一個id屬性,再通過CSS選擇器來控制:

<input type="text" id="myInput">
#myInput {
display: none;
}

如果要控制input元素隨著某個條件的改變而動態(tài)顯示或隱藏,可以使用JavaScript代碼來控制CSS樣式:

var checkbox = document.getElementById("myCheckbox");
var input = document.getElementById("myInput");
checkbox.addEventListener("change", function() {
if(this.checked) {
input.style.display = "block";
} else {
input.style.display = "none";
}
});

上面的代碼會在點擊id為myCheckbox的checkbox元素時,根據(jù)它的checked狀態(tài)來控制id為myInput的input元素的顯示或隱藏。