Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Esplorazione Dei Diversi Tipi Di Input in HTML | Moduli HTML e Input Utente
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
HTML Definitivo

bookEsplorazione Dei Diversi Tipi Di Input in HTML

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 motivi di sicurezza e può utilizzare minlength e maxlength.
index.html

index.html

copy

Numero

type="number": accetta valori numerici. Utilizzare min, max e step per controllare l'intervallo consentito.

index.html

index.html

copy

Telefono

type="tel": per numeri di telefono. Nessuna validazione integrata. La validazione deve essere gestita manualmente dagli sviluppatori.

index.html

index.html

copy

Checkbox

type="checkbox": consente la selezione di più opzioni. Utilizzare checked per preselezionare.

index.html

index.html

copy

Radio

type="radio": seleziona un'opzione da un gruppo. Tutti i radio devono condividere lo stesso name.

index.html

index.html

copy

Finestra di Scorrimento

type="range": un controllo a cursore per selezionare un numero all'interno di un intervallo. La logica JavaScript viene omessa in questo corso.

index.html

index.html

index.js

index.js

copy
Note
Nota

La logica JavaScript è omessa in questo corso.

Data e ora

  • type="date": selettore calendario;
  • type="time": selettore orario;
  • type="datetime-local": combinazione di input per data e ora.
index.html

index.html

copy
Note
Nota

Per uno stile coerente, gli sviluppatori spesso utilizzano librerie UI preconfezionate invece dei selettori predefiniti del browser.

Note
Approfondisci

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 il completamento automatico.

question mark

Qual è la principale differenza tra i campi di input type="email" e type="password"?

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 5. Capitolo 5

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Suggested prompts:

Can you give examples of how to use each input type in HTML?

What are some best practices for validating user input with these types?

How do I style these input types with CSS?

bookEsplorazione 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 motivi di sicurezza e può utilizzare minlength e maxlength.
index.html

index.html

copy

Numero

type="number": accetta valori numerici. Utilizzare min, max e step per controllare l'intervallo consentito.

index.html

index.html

copy

Telefono

type="tel": per numeri di telefono. Nessuna validazione integrata. La validazione deve essere gestita manualmente dagli sviluppatori.

index.html

index.html

copy

Checkbox

type="checkbox": consente la selezione di più opzioni. Utilizzare checked per preselezionare.

index.html

index.html

copy

Radio

type="radio": seleziona un'opzione da un gruppo. Tutti i radio devono condividere lo stesso name.

index.html

index.html

copy

Finestra di Scorrimento

type="range": un controllo a cursore per selezionare un numero all'interno di un intervallo. La logica JavaScript viene omessa in questo corso.

index.html

index.html

index.js

index.js

copy
Note
Nota

La logica JavaScript è omessa in questo corso.

Data e ora

  • type="date": selettore calendario;
  • type="time": selettore orario;
  • type="datetime-local": combinazione di input per data e ora.
index.html

index.html

copy
Note
Nota

Per uno stile coerente, gli sviluppatori spesso utilizzano librerie UI preconfezionate invece dei selettori predefiniti del browser.

Note
Approfondisci

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 il completamento automatico.

question mark

Qual è la principale differenza tra i campi di input type="email" e type="password"?

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 5. Capitolo 5
some-alt