重置 HTML 表单中的特定输入元素

Question

我的页面中有多个输入文本框。如果某些条件失败，我想将特定文本框重置为其加载状态。 我正在考虑使用隐藏元素来存储文本框的加载状态。我会提出其他建议或解决方案来解决此问题。

Answer 1

defaultValue：

<input type="text" value="initial" id="field">
<button id="reset">reset</button>
<script type="text/javascript">
    document.getElementById('reset').onclick= function() {
        var field= document.getElementById('field');
        field.value= field.defaultValue;
    };
</script>

适用于 text、password 和 textarea，以及 defaultChecked option 上的 >checkbox/radio 和 defaultSelected。奇怪的是，不在隐藏上可用（除了在 IE 中，它被认为是一个错误）。