如何更改输入文本的值？ [复制]

Question

当我使用重置按钮作为以下表单的一部分时，如何使第一个输入文本（数字）的值消失：

<form action="<?php echo $_SERVER['PHP_SELF'];?>" method="get">
    <input type="text" name="number" value="<?php echo $result;?>">
    <input type="submit">
    <input type="reset">
    <p name="result">The result is: <?php echo $result; ?> </p>
</form>

Answer 1

你可以用 JS 做这样的事情：

定义你的元素

let reset_btn = document.getElementById('btn-one');
let default_btn = document.getElementById('btn-two');

当点击重置设置值为空时

reset_btn.onclick = function(){
  document.getElementById('name-input').value = '';
}

将值设置回默认值

default_btn.onclick = function(){
  document.getElementById('name-input').value = '<?php echo $result;?>';
}

记得给你的 btns 添加 id。

Answer 2

我会这样做：

<form action="<?php echo $_SERVER['PHP_SELF'];?>" method="get">
    <input type="text" id="input" name="number" value="<?php echo $result;?>">
    <input type="submit">
    <input type="button" onclick="resetInput()" value="Reset">
    <p name="result">The result is: <?php echo $result; ?> </p>
</form>

还有 JavaScript：

function resetInput() {
    document.getElementById("input").value = "";
}

点击按钮时，id为input的第一个输入的值将被设置为空字符串。