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
Can you explain the difference between disabled and readonly attributes?
What happens if I use both min and max on a text input instead of a number input?
Can you show more examples of using the required attribute in forms?
Fantastico!
Completion tasso migliorato a 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!
