HTML: tag <input>

Descrizione

Il tag HTML <input> viene utilizzato all'interno di un modulo per dichiarare un elemento di input, un controllo che consente all'utente di inserire dati.

Esempio

<!DOCTYPE html>
<html>

   <head>
      <title>HTML input Tag</title>
   </head>
	
   <body>
      <form action = "/cgi-bin/hello_get.cgi" method = "get">
         First name: 
            <input type = "text" name = "first_name" value = "" maxlength = "100" />
            <br />
            
         Last name: 
            <input type = "text" name = "last_name" value = "" maxlength = "100" />
         <input type = "submit" value = "Submit" />
      </form>
   </body>
	
</html>

Questo produrrà il seguente risultato:

Attributi globali

Questo tag supporta tutti gli attributi globali descritti in - Riferimento agli attributi HTML

Attributi specifici

Il tag HTML <input> supporta anche i seguenti attributi aggiuntivi:

Attributo	Valore	Descrizione
accettare	tipi di contenuto	Specifica un elenco separato da virgole di tipi di contenuto accettati dal server.
allineare	sinistra destra in alto al centro in basso	Deprecato : definisce l'allineamento del contenuto
alt	testo	Specifica il testo da utilizzare nel caso in cui il browser / agente utente non possa eseguire il rendering del controllo di input.
completamento automatico	acceso spento	Specifica l'abilitazione o la disabilitazione del completamento automatico nell'elemento <input>
messa a fuoco automatica	messa a fuoco automatica	specifica che l'elemento <input> deve essere attivato automaticamente quando la pagina viene caricata
controllato	controllato	Se type = "radio" o type = "checkbox" sarà già selezionato al caricamento della pagina.
Disabilitato	Disabilitato	Disabilita il controllo di input. Il pulsante non accetta modifiche da parte dell'utente. Inoltre, non può ricevere lo stato attivo e verrà ignorato durante la tabulazione.
modulo	form_id	Specifica uno o più moduli
formazione	URL	Specifica l'URL del file che elaborerà il controllo di input quando il modulo viene inviato
formenctype	application / x-www-form-urlencoded multipart / form-data testo / semplice	Specifica come devono essere codificati i dati del modulo quando vengono inviati al servizio
formmethod	post get	Definisce il metodo HTTP per l'invio di dati all'URL dell'azione
formnovalidate	formnovalidate	Definisce che gli elementi del modulo non devono essere convalidati quando inviati
formtarget	_blank _self _parent _top	Specifica la destinazione in cui verrà visualizzata la risposta ricevuta dopo l'invio del modulo
altezza	pixel	Specifica l'altezza
elenco	datalist_id	Specifica l'elemento <datalist> che contiene opzioni predefinite per un elemento <input>
max	messa a fuoco automatica	Specifica il valore massimo.
lunghezza massima	numero	Definisce il numero massimo di caratteri consentiti in un campo di testo
min	numero	Specifica il valore minimo.
multiple	multiple	Specifica che un utente può immettere più valori
nome	testo	Assegna un nome al controllo di input.
modello	regexp	Specifica un'espressione regolare rispetto al valore di un elemento <input>
segnaposto	testo	Specifica un breve suggerimento che descrive il valore previsto.
sola lettura	sola lettura	Imposta il controllo di input in sola lettura. Non consentirà all'utente di modificare il valore. Il controllo, tuttavia, può ricevere lo stato attivo e sono inclusi durante la tabulazione tramite i controlli del modulo.
necessario	necessario	Specifica che un campo di input deve essere compilato prima di inviare il modulo
taglia	numero	Specifica la larghezza del controllo. Se type = "text" o type = "password" si riferisce alla larghezza in caratteri. Altrimenti è in pixel.
src	URL	Definisce l'URL dell'immagine da visualizzare. Utilizzato solo per type = "image".
passo	numero	Specifica gli intervalli di numeri legali per un campo di input
genere	pulsante casella di controllo colore data datetime datetime-locale file e - mail immagine nascosta mese numero password radio range reset ricerca invia tel text ora url settimana	Specifica il tipo di controllo.
valore	testo	Specifica il valore iniziale per il controllo. Se type = "checkbox" o type = "radio" questo attributo è obbligatorio.
larghezza	pixel	Specifica la larghezza

Attributi dell'evento

Questo tag supporta tutti gli attributi degli eventi descritti in HTML Events Reference

Supporto browser

Cromo	Firefox	IE	musica lirica	Safari	Android
sì	sì	sì	sì	sì	sì

↰ Previous page