Attributi Input HTML per Funzionalità Avanzate
Hai già appreso come utilizzare input e label. Ora esaminiamo gli attributi più utili che rendono i campi di input più funzionali e intuitivi per l’utente.
Attributi comuni degli input
Placeholder
Mostra un testo suggerito all’interno del campo.
<input type="text" placeholder="Enter your email" />
Name
Identifica il campo al momento dell'invio del modulo.
<input type="text" name="username" />
Value
Imposta un valore predefinito nel campo.
<input type="tel" value="+1 (484) 298-9732" />
Required
Impedisce l'invio del modulo se il campo è vuoto.
<input type="password" required />
Disabilitato
Rende il campo non modificabile e non interattivo.
<input type="text" value="New York" disabled />
Sola lettura
Visualizza un valore che gli utenti possono copiare ma non modificare.
<input type="text" value="USA" readonly />
Min e Max
Imposta limiti per gli input numerici.
<input type="number" min="21" max="99" />
index.html
1. Quale attributo fornisce un suggerimento o un testo di esempio all'interno di un campo di input, guidando l'utente sul tipo di dato atteso?
2. Quale attributo specifica il nome del campo di input, utilizzato per identificare i dati inseriti quando il modulo viene inviato?
3. Quale attributo impedisce l'invio del modulo se il campo obbligatorio viene lasciato vuoto?
Grazie per i tuoi commenti!
Chieda ad AI
Chieda ad AI
Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione
Awesome!
Completion rate improved to 2.86Attributi Input HTML per Funzionalità Avanzate
Scorri per mostrare il menu
Hai già appreso come utilizzare input e label. Ora esaminiamo gli attributi più utili che rendono i campi di input più funzionali e intuitivi per l’utente.
Attributi comuni degli input
Placeholder
Mostra un testo suggerito all’interno del campo.
<input type="text" placeholder="Enter your email" />
Name
Identifica il campo al momento dell'invio del modulo.
<input type="text" name="username" />
Value
Imposta un valore predefinito nel campo.
<input type="tel" value="+1 (484) 298-9732" />
Required
Impedisce l'invio del modulo se il campo è vuoto.
<input type="password" required />
Disabilitato
Rende il campo non modificabile e non interattivo.
<input type="text" value="New York" disabled />
Sola lettura
Visualizza un valore che gli utenti possono copiare ma non modificare.
<input type="text" value="USA" readonly />
Min e Max
Imposta limiti per gli input numerici.
<input type="number" min="21" max="99" />
index.html
1. Quale attributo fornisce un suggerimento o un testo di esempio all'interno di un campo di input, guidando l'utente sul tipo di dato atteso?
2. Quale attributo specifica il nome del campo di input, utilizzato per identificare i dati inseriti quando il modulo viene inviato?
3. Quale attributo impedisce l'invio del modulo se il campo obbligatorio viene lasciato vuoto?
Grazie per i tuoi commenti!
