HTMLInput Control Elements


introduzione

Un componente chiave dei sistemi web interattivi, i tag di input sono elementi HTML progettati per assumere una forma specifica di input dagli utenti. Diversi tipi di elementi di input possono regolare i dati immessi per adattarsi a un formato specificato e fornire sicurezza per l'immissione della password.

Sintassi

  • <input type="" name="" value="">

Parametri

Parametro Dettagli
classe Indica la classe dell'ingresso
id Indica l'ID dell'ingresso
genere Identifica il tipo di controllo di input da visualizzare. I valori accettabili sono hidden , text , tel , url , email , password , date , time , number , range , color , checkbox , radio , file , submit , image , reset e button . Il valore predefinito è text se non specificato, se il valore non è valido o se il browser non supporta il tipo specificato.
nome Indica il nome dell'ingresso
Disabilitato Valore booleano che indica che l'input deve essere disabilitato. I controlli disabilitati non possono essere modificati, non vengono inviati all'invio del modulo e non possono ricevere lo stato attivo.
verificato Quando il valore dell'attributo type è radio o checkbox, la presenza di questo attributo booleano indica che il controllo è selezionato per impostazione predefinita; altrimenti viene ignorato.
multiplo HTML5 Indica che è possibile passare più file o valori (si applica solo agli input di tipo file e email )
segnaposto HTML5 Un suggerimento all'utente di ciò che può essere inserito nel controllo. Il testo segnaposto non deve contenere ritorni a capo o line feed
completamento automatico HTML5 Indica se il valore del controllo può essere completato automaticamente dal browser.
sola lettura Valore booleano che indica che l'input non è modificabile. I comandi di sola lettura sono ancora inviati sull'invio del modulo, ma non riceveranno il focus. HTML5: questo attributo viene ignorato quando il valore dell'attributo type è impostato su hidden , range , color , checkbox , radio , file o button .
necessario HTML5 Indica che un valore deve essere presente o che l'elemento deve essere controllato per poter inviare il modulo
alt Un testo alternativo per le immagini, nel caso in cui non vengano visualizzate.
messa a fuoco automatica L'elemento <input> dovrebbe ottenere lo stato attivo quando viene caricata la pagina.
valore Specifica il valore dell'elemento <input> .
passo L'attributo step specifica gli intervalli numerici legali. Funziona con i seguenti tipi di input: number , range , date , date datetime-local , month , time e week .

Osservazioni

Come con altri elementi void HTML5, <input> è a chiusura automatica e può essere scritto <input /> . HTML5 non richiede questa barra.

I seguenti sono tipi di input validi in HTML:

5

Di seguito sono riportati i tipi di input introdotti come parte dello standard HTML 5. Alcuni di questi tipi non sono supportati da tutti i browser web. Nel caso in cui un tipo non sia supportato, l'elemento di input verrà impostato automaticamente sul tipo di text .

Per verificare quali browser supportano i vari tipi, puoi andare su caniuse.com .

Input Control Elements Esempi correlati