Input e label

Lezione 2 di 7 del corso Modulo di accesso - Progetto HTML/CSS di Coddy.

Il tag <input> è un contenitore per diversi tipi di elementi di input, come: campi di testo, caselle di controllo, pulsanti di opzione, pulsanti di invio, ecc.

Imposta il tipo usando l'attributo type,

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

È buona norma aggiungere il tag <label> all'input,

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

Nota che l'attributo for deve corrispondere all'attributo id dell'input per associarli.

Sfida

Facile

Aggiungi due elementi input con etichette, con gli id "username" e "password", imposta i tipi degli input su "text" e "password" - non dimenticare di collegare ogni etichetta al relativo input.

Si consiglia di aggiungere tag <br/> per inserire uno spazio tra tutti gli elementi!

Provalo tu

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- Scrivi il codice HTML qui -->
</body>
</html>

Tutte le lezioni di Modulo di accesso - Progetto HTML/CSS

1Il modulo

ModuloInput e label Lezione di progetto

2Lo stile

Esercitati da solo: Playground Web