html - 重置 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, plus defaultCheckedon checkbox/ radioand defaultSelectedon 上可用option。奇怪的是，不可用hidden（在 IE 中除外，它被认为是一个错误）。