La etiqueta de formulario se usa generalmente para crear formularios para ingresar datos. Podemos usar diferentes atributos de etiquetas de formulario como cuadros de texto, áreas de texto, casillas de verificación, botones de radio, botones, lista desplegable, etc. para recopilar datos de los usuarios.
Necesitamos usar el tipo HTML <input type=”hidden”> para ocultar el campo de entrada. Con este atributo, el campo de entrada ya no estará visible en la página. El siguiente ejemplo demuestra el uso del atributo oculto.
Ejemplo: En este ejemplo, utilizaremos una entrada normal con el tipo de ‘texto’ y otra entrada con el tipo de ‘oculto’. Esto ayudará a demostrar cómo se oculta el campo de entrada.
HTML
<!DOCTYPE html> <html> <body> <form> <h1 style="color: green;">Geeksforgeeks</h1> <strong>Login to Continue your Research</strong> <br> <label>Username</label> <!-- This input will be visible as it has the type set as 'text' --> <input type="text" placeholder="enter your name"> <br> <!-- This input will be hidden as it has the type set as 'hidden' --> <label>Password</label> <input type="hidden" placeholder="Enter your password"> <br> <button>Submit</button> </form> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por 181fa07084 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA