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元素的顯示或隱藏。