Restablecer el elemento de entrada particular en un formulario HTML

Question

Tengo varias cajas de texto de entrada en mi página. Quiero restablecer un cuadro de texto particular a su estado de carga si fallan ciertas condiciones. Estoy considerando usar un elemento oculto para almacenar el estado de carga del cuadro de texto. Me gustaría otras sugerencias o soluciones para resolver este problema.

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> 

Disponible en text, password y textarea, además de defaultCheckedcheckbox/radio y defaultSelected en option. Curiosamente, no disponible en hidden (excepto en IE, donde se considera un error).