這是我的代碼
我曾嘗試將 javascript 與 onClick 結合使用,但隨后我的提交按鈕不起作用。然后我嘗試將其更改為普通按鈕,但仍然無法正常作業。我嘗試將其放入表單中,但仍然無法正常作業。所以,我不知道如何重置表單的按鈕。這是我的學校作業,我還是一名學生,所以請幫助我。我非常感謝你的幫助。
uj5u.com熱心網友回復:
表單型別:重置和提交需要背景關系。我的意思是您必須將所有輸入都包裝在一個表單中。<form>....</from>. 然后 reset 有背景關系來重置他的背景關系/表單中的所有欄位。
否則,如果您不想使用表單,您可以通過 Javascript 來完成。
function reset() {
document.getElementById('input_1').value = ''
document.getElementById('input_2').value = ''
}
<input id="input_1" value="Hello"><br/>
<input id="input_2" value="World">
<br/>
<button onclick="reset()">RESET</buton>
uj5u.com熱心網友回復:
您應該javascript用于重置您的inputs
注意:請記住,使用表單時 Enter 鍵也有效
<div>
<div id="like-form">
<input type="text" placeholder="Name" />
<input type="email" placeholder="Email" />
<input type="password" placeholder="Password" />
</div>
<button type="button" id="like-reset">
Reset
</button>
</div>
您可以使用Ajax來提交資訊,但要reset
document.getElementById("like-reset").addEventListener("click" () => {
// forEach
[].slice.call(document.getElementById("like-form").children).forEach(input => {
input.value = "";
});
// For
const inputs = document.getElementById("like-form").children;
for (let i = 0; i < inputs.length; i ) {
inputs[i].value = "";
}
});
uj5u.com熱心網友回復:
你應該在表單內設定所有輸入和重置按鈕。像這樣:
<form>
<input type="text">
<input type="reset" value="Reset">
</form>
這樣它應該作業。
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/329280.html
標籤:javascript html 复位按钮
