Temas > Programacion > Html > Formulario, input type hidden en html
Julio

Formulario - input type="hidden"
Un campo hidden se lo denomina campo oculto. Este tipo de control no
visualiza nada dentro del formulario.
Su utilidad se presenta cuando desde el servidor se genera una página
dinámica por ejemplo mediante PHP y se almacena en un campo oculto un
valor que se rescatará al subir el formulario al servidor.
Su utilidad real solo podrá ser comprendida cuando estudie un lenguaje de
servidor, pero veamos y conozcamos su sintaxis con un ejemplo.
Confeccionar un formulario que solicite ingresar el nombre de una persona y
en un campo oculto almacene una hora cualquiera:
<?//esto no va
<html>
<head>
<title>Prueba de formulario</title>
</head>
<body>
<form action="/registrardatos.php" method="post">
<input type="hidden" value="10:20" name="hora">
Ingrese su nombre:
<input type="text" name="nombre" size="30">
<br>
<input type="submit" value="Enviar">
</form>
</body>
</html>
?>//esto no va
Como vemos la sintaxis para definir un campo oculto es:
<?//esto no va
<input type="hidden" value="10:20" name="hora">
?>//esto no va
En el atributo value almacenamos el valor (este valor no se puede modificar
desde el formulario).
Podemos imaginar una utilidad, supongamos que queremos que un visitante
reenvíe un formulario cargado con todos los datos en un tiempo limitado,
podríamos almacenar en el campo oculto la primera vez que solicita la
página que contiene el formulario donde se resgistrará dicha hora. Luego
al subir el formulario ya cargado al servidor controlaremos mediante un
lenguaje de servidor si la hora actual y la hora de pedido del formulario
no hacen invalidar los datos.













¿Has olviado tu contraseña?

Pulsa aquí para registrate




Google




LunMarMieJueVieSabDom
 123456
78910111213
14151617181920
21222324252627
282930    

Viernes 4 de Abril 2025
Semana 14

..............................................................................................................................................................................................................................................
(Contacto)..
Esta web utiliza cookies para obtener datos estadísticos de la navegación de sus usuarios. Política de privacidad y Aviso legal
Rechazar    Aceptar