Esplorazione dei diversi tipi di input in HTML
Scorri per mostrare il menu
HTML offre molti tipi di <input> che permettono di raccogliere diversi tipi di dati dagli utenti. Di seguito una panoramica dei più comuni.
Email e Password
type="email": accetta indirizzi email ed esegue una validazione di base tramite il browser;type="password": nasconde i caratteri digitati per sicurezza e può utilizzareminlengthemaxlength.
index.html
Numero
type="number": accetta valori numerici. Utilizzare min, max e step per controllare l'intervallo consentito.
index.html
Telefono
type="tel": per numeri di telefono. Nessuna validazione integrata. La validazione viene gestita manualmente dagli sviluppatori.
index.html
Checkbox
type="checkbox": consente di selezionare più opzioni. Utilizzare checked per preselezionare.
index.html
Radio
type="radio": seleziona un'opzione da un gruppo. Tutti i radio devono condividere lo stesso name.
index.html
Slider intervallo
type="range": controllo a cursore per selezionare un numero all'interno di un intervallo. La logica JavaScript viene omessa in questo corso.
index.html
index.js
La logica JavaScript viene omessa in questo corso.
Data e ora
type="date": selettore calendario;type="time": selettore orario;type="datetime-local": combina input di data e ora.
index.html
Per uno stile coerente, gli sviluppatori spesso utilizzano librerie UI preconfezionate invece dei selettori predefiniti del browser.
Potresti aver notato che quando provi a compilare determinati campi, il browser può già suggerire alcune opzioni di completamento automatico. Il browser memorizza i valori inseriti nei campi e poi li suggerisce per l'auto-completamento.
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
