El input type=reset en HTML no borra los campos, los inicializa
|
|
En la información contenida en Internet puede que encuentre más de una vez una opción para “Inicializar” los campos de un formulario. De aquí, muchos desarrolladores agregan un hermoso ‘Vaciar’ a sus páginas con el objetivo que todos los campos incluidos en ese form se vuelvan vacíos.
El agregado del botón vaciar, se hace con una sentencia muy simple:
<input type=reset name=btnVaciar value=Vaciar>
Pero, en realidad, esta sentencia no hará otra cosa que volver a traer <b>los datos iniciales</b> que tenía el formulario. Osea, esta función <b>NO VACIA</b> los campos, sino que los deja con los mismos valores que tenía en su carga inicial.
Ahora bien, ¿cómo hacemos entonces para vaciar campos de un HTML?
Una opción muy sencilla es recurrir al JAVAScript. Miren el siguiente ejemplo:
<script languaje='JavaScript'>
function vaciarCampos()
{
document.formCriterios.campo1.value = '';
document.formCriterios.campo1.value = '';
document.formCriterios.campo1.value = '';
}
</script>
<input type='button' name='BReset'
onClick='vaciarCampos()'
value='Vaciar' id='BReset'>
|
 Solicitar info por mail |
Fecha: 06/09/2007 13:03:12
00:45
|
| Registrate en nuestro newsletter y recibí mucha información como está. |
|
|
|
|
|
00:45
