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

Question

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

Answer 1

默认值:

<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 在 checkbox 上可用/radio 和 defaultSelected on option。奇怪的是，不在hidden 上可用(除了在 IE 中，它被认为是一个错误)。