Javascript 恢复文本字段'；用户单击重置按钮时的默认值

我试图让文本字段在用户单击重置按钮时返回默认值

现在，当用户单击“重置”按钮时，它所做的只是将用户的文本替换为“”

我如何使用纯JavaScript（无jQuery）实现这一点

HTML:

<p>Type the first number</p>
<input id="first" type="text" placeholder="First Number" />
<p>Type the second number</p>
<input id="second" type="text" placeholder="Second Number" />
<button id="aButton">Apply</button>
<button id="rButton">Reset</button>
<div id="add"></div>

app.onactivated = function (args) {
        var aButton = document.getElementById("aButton");
        aButton.addEventListener("click", buttonClickHandler, false);

        var rButton = document.getElementById("rButton");
        rButton.addEventListener("click", buttonResetHandler, false);

    };

...

function buttonResetHandler(evetInfo) {

        document.getElementById("first").innerText = '';
        document.getElementById("second").innerText = '';

    }

取代

document.getElementById("first").innerText

有,

例如：

<input id="txtBox" type="text" value="lama">
<input type="button" value="reset lama" onclick='document.getElementById("txtBox").value="lama2";'>

---

创建一个init函数，为每个输入设置默认值，然后您可以调用该函数：

function initializeInputs() {
    document.getElementById("first").value = '';
    document.getElementById("second").value= '';
}

function buttonResetHandler(e) {
    initializeInputs();
}

---

innerText

是一个在IE浏览器中实现的无效属性，用于设置/获取非表单元素的文本内容，如果这些值应设置为默认值，则可以使用属性：

var a = document.getElementById("first"),
    b = document.getElementById("second");
a.value = a.defaultValue;
b.value = b.defaultValue;

如果要重置所有表单元素，可以使用DOM

HTMLFormElement

object的方法：

document.forms["myForm"].reset();

location.reload（）；//重新加载页面

历史。开始（0）；//删除历史记录

但是，如果需要在页面中保留一些值，请再次在函数中重新分配这些值。要重新分配，请在

函数中再次写入变量（在
中声明，让
稍后更改），然后再次更改
文本内容

---

document.getElementById（“first”）.innerText给出了一个错误。我认为这并不是他所要求的。上面所说的只是用其他东西代替了用户的输入。我想要的是删除用户的输入并恢复默认值（第一个数字/第二个数字）。将事件添加到按钮。重置

Reset

document.forms["myForm"].reset();