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

【问题标题】：Reset Particular Input Element in a HTML Form重置 HTML 表单中的特定输入元素
【发布时间】：2011-02-10 23:47:44
【问题描述】：

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

【问题讨论】：

【解决方案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 在checkbox/radio 和defaultSelected 在option 上可用。奇怪的是，不在hidden 上可用（在 IE 中除外，它被认为是一个错误）。

【讨论】：