En este artículo, aprenderemos cómo agregar un campo de entrada oculto en nuestro formulario usando HTML . Un control oculto almacena los datos que no son visibles para el usuario. Se utiliza para enviar cierta información al servidor que no es editada por el usuario. Normalmente, este campo oculto suele contener el valor que es común para todos los usuarios. El valor debe registrarse en la base de datos.
Un campo de entrada oculto a menudo contiene esos valores que deben actualizarse en la base de datos cuando se envía el formulario.
Acercarse:
- Creamos un documento HTML que contiene una etiqueta <input>.
- Utilice el atributo de tipo con la etiqueta <input> .
- Establezca el atributo de tipo en el valor » oculto «.
Sintaxis:
<input type="hidden">
Ejemplo: en este código, creamos un campo oculto que contiene un registro del usuario que pertenece al mismo país, es decir, India.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
How to create a hidden input
field in form using HTML?
</title>
<style>
h1 {
color:green;
}
body {
text-align:center;
}
</style>
</head>
<body>
<h1>
GeeksforGeeks
</h1>
<h3>
How to create a hidden input
field in form using HTML?
</h3>
<form action="#">
<input type="hidden" name="country_name"
id="inputID" value="India" >
Name: <input type="text">
<input type="submit" value="Submit">
</form>
</body>
</html>
Producción:
campo de entrada oculto
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA