Menu
Coddy logo textTech

Input y Label

Lección 2 de 7 del curso Formulario de inicio de sesión - Proyecto HTML/CSS de Coddy.

La etiqueta <input> es un contenedor para diferentes tipos de elementos de entrada, tales como: campos de texto, casillas de verificación, botones de radio, botones de envío, etc.

Establece el tipo usando el atributo type,

<input type="text">
<input type="radio">
<input type="checkbox">
<input type="password">
<input type="submit">

Es una buena práctica añadir la etiqueta <label> al input,

<label for="password">Password:</label>
<input type="text" id="password">

Ten en cuenta que el atributo for debe coincidir con el atributo id del input para vincularlos.

challenge icon

Desafío

Fácil

Añade dos elementos input con etiquetas, con los ids "username" y "password", establece los tipos de los inputs a "text" y "password"; ¡no olvides vincular cada etiqueta a su input!

¡Se sugiere añadir etiquetas <br/> para dejar espacio entre todo!

Pruébalo tú mismo

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- Write HTML code here -->
</body>
</html>

Todas las lecciones de Formulario de inicio de sesión - Proyecto HTML/CSS