Сбросить конкретный элемент ввода в форме 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 для checkbox / radio и defaultSelected для option. Любопытно, что не доступно на hidden (кроме IE, где это считается ошибкой).