溫馨提示×

html清空按鈕怎么實現(xiàn)

小億
730
2023-08-02 23:36:41
欄目: 編程語言

要在HTML中實現(xiàn)清空按鈕,你可以使用JavaScript來實現(xiàn)。下面是一種常見的方法:

1. 首先,在HTML中添加一個按鈕元素和一個要被清空的目標元素(例如一個文本框或一個表單)。

<input type="text" id="myInput">

<button onclick="clearInput()">清空</button>

2. 然后,在JavaScript中定義一個函數(shù)clearInput(),該函數(shù)將會清空目標元素的值。

<script>

  function clearInput() {

    document.getElementById("myInput").value = "";

  }

</script>

在上述代碼中,通過document.getElementById("myInput")獲取到目標元素,并將其值設置為空字符串來實現(xiàn)清空操作。

這樣,當用戶點擊“清空”按鈕時,目標元素的值將會被清空。記得將myInput替換為你自己的目標元素的ID。



0