在HTML中,文本框是一種常見的表單元素,通常用于用戶輸入。但有些情況下,我們需要將文本框設置為空,即清空文本框中的內容。以下是實現這一功能的方法。
<form> <input type="text" id="myInput"> <button type="button" onclick="clearInput()">清空</button> </form> <script> function clearInput() { document.getElementById("myInput").value = ""; } </script>
以上代碼包含一個輸入框和一個按鈕元素,按鈕元素綁定了一個JavaScript函數clearInput()。當用戶點擊該按鈕時,clearInput()函數將被調用,將輸入框的value屬性設置為空字符串即可實現清空文本框的效果。
據此,開發者可以通過類似的方法,結合JavaScript函數來設置其他表單元素的值,以實現更加復雜的交互效果。