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