Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Migliorare i moduli con attributi di input | Moduli HTML e Input Utente
HTML Definitivo

Migliorare i moduli con attributi di input

Scorri per mostrare il menu

Gli elementi <input> di HTML possono essere personalizzati con attributi che ne modificano il comportamento. Di seguito sono riportati alcuni dei più comunemente utilizzati.

value

Imposta il valore iniziale di un input.

  • Per i pulsanti: definisce il testo del pulsante;
  • Per i campi di testo/password: imposta il testo predefinito;
  • Per le checkbox/radio: imposta il valore inviato quando selezionato.
Note
Nota

value non può essere utilizzato con type="file".

index.html

index.html

autofocus

Messa a fuoco automatica di un input al caricamento della pagina.

Note
Nota

Non funziona nell'esempio qui sotto perché, quando premi Esegui Codice, la pagina non viene ricaricata.

index.html

index.html

required

Rende un campo obbligatorio. Il modulo non può essere inviato finché il campo non è compilato.

index.html

index.html

placeholder

Visualizzazione di testo di aiuto all'interno dell'input fino a quando l'utente non digita. Utile per formati come numeri di telefono o dettagli della carta.

index.html

index.html

Note
Nota

Ogni esempio utilizza diversi attributi type, che influenzano il comportamento dell'input. Esplorerai i tipi di input nel prossimo capitolo.

1. Quale attributo viene utilizzato per impostare il valore predefinito di un elemento input?

2. Quale attributo viene utilizzato per impostare un suggerimento o un esempio del valore atteso per un elemento input?

3. Quale attributo viene utilizzato per specificare che un campo di input deve essere compilato prima di inviare il modulo?

question mark

Quale attributo viene utilizzato per impostare il valore predefinito di un elemento input?

Seleziona la risposta corretta

question mark

Quale attributo viene utilizzato per impostare un suggerimento o un esempio del valore atteso per un elemento input?

Seleziona la risposta corretta

question mark

Quale attributo viene utilizzato per specificare che un campo di input deve essere compilato prima di inviare il modulo?

Seleziona la risposta corretta

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 5. Capitolo 4

Chieda ad AI

expand

Chieda ad AI

ChatGPT

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

Sezione 5. Capitolo 4
some-alt