Campo de contraseña
Parte de la sección Fundamentals del Journey de HTML de Coddy — lección 38 de 60.
En HTML, un campo de contraseña es un tipo de campo de entrada utilizado para recopilar contraseñas de los usuarios.
Es similar a un campo de entrada de texto normal, pero los caracteres escritos en un campo de contraseña están enmascarados, generalmente mostrados como asteriscos o puntos. Esto es para evitar que otros vean la contraseña mientras se escribe.
Para crear un campo de contraseña, utiliza la etiqueta <input> con el atributo type establecido en "password".
Aquí tienes la sintaxis básica para crear un campo de contraseña en HTML:
<input type="password" name="passwordfield">
Desafío
FácilCrea un documento HTML que incluya un form con un campo de contraseña. El campo de contraseña debe tener el name de "userpassword", un type de "password" y un marcador de posición que diga "Enter your password". Establece la longitud máxima del campo de contraseña en 20 caracteres.
Hoja de referencia
Un campo de contraseña es un campo de entrada que enmascara los caracteres escritos (mostrados como asteriscos o puntos) para ocultar las contraseñas de la vista.
Crea un campo de contraseña utilizando la etiqueta <input> con type="password":
<input type="password" name="passwordfield">Se pueden utilizar atributos adicionales:
placeholder- muestra un texto de sugerenciamaxlength- limita el recuento de caracteres
<input type="password" name="userpassword" placeholder="Enter your password" maxlength="20">Pruébalo tú mismo
<!DOCTYPE html>
<html>
<body>
<!-- Escribe código aquí -->
</body>
</html>
Ponte a pruebaEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Todas las lecciones de Fundamentals
1Fundamentos de HTML
¿Qué es HTML?Estructura básica de HTMLEtiquetas y elementosAnidamiento y cierre de etiquetasComentarios en HTML4Tarjeta de receta
Descripción general del proyectoTítulo y descripción de la receta
IngredientesPasos2Texto y formato
EncabezadosPárrafosSaltos de líneaTexto en negrita y cursivaNegrita y cursiva de nuevoResumen - Formato8Formularios e Inputs Parte 1
Conceptos básicos de formulariosInputs de textoAtributos de los inputsCampo de contraseñaEtiquetas para inputsResumen - Formulario básico9Formularios e Inputs Parte 2
Radio buttonsCheckboxesDropdownsBotonesBotones en formulariosRepaso - Formularios #1Repaso - Formularios #2