English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Il tag <input> di HTML è un controllo di input che fornisce un'interfaccia interattiva per l'utente per inserire dati. Tradizionalmente, il tag <input> si trova all'interno del tag <form> e può essere configurato con l'attributo type appropriato per rappresentare campi di testo, caselle di controllo, menu a discesa, pulsanti e altri input. Questo tag è anche noto come elemento <input>.
Un modulo HTML semplice, contenente due caselle di testo e un pulsante di invio:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Utilizzo del tag footer in HTML5 (Base tutorial di base tutorial.net oldtoolbag.com)</title> </head> <body> <h1>Base tutorial di oldtoolbag.com</h1> <form action="demo-form.php" method="post"> Società: <input type="text" name="company"><br> Indirizzo: <input type="text" name="address"><br> <input type="submit" value="Submit"> </form> </body> </html>Testa e vedi <‹/›
In questo esempio di documento HTML5, abbiamo utilizzato il tag <form> per creare un modulo HTML. Questo modulo contiene due controlli <input> per l'indirizzo e la società, e un controllo <input> per il pulsante di invio.
IEFirefoxOperaChromeSafari
Al momento, la maggior parte dei browser supporta il tag <input>.
Il tag <input> definisce un campo di input in cui l'utente può inserire dati.
L'elemento <input> viene utilizzato all'interno dell'elemento <form> per dichiarare il controllo di input che permette agli utenti di inserire dati.
Impostando l'attributo type, l'elemento <input> può diventare un campo di testo, casella di controllo, pulsante di selezione singola, menu a discesa, pulsante, campo di password e così via!
Attenzione: L'elemento <input> è vuoto, contiene solo attributi di etichetta.
Suggerimento: Puoi usare <label> L'elemento per definire l'etichetta dell'elemento <input>.
In HTML 4.01, i dati "align" non sono più utilizzati. HTML5 non supporta questo attributo. È possibile utilizzare CSS per definire l'allineamento dell'elemento <input>.
In HTML5, l'elemento <input> ha aggiunto diversi attributi e i loro valori corrispondenti.
In HTML, l'etichetta <input> non ha un tag di chiusura.
In XHTML, l'etichetta <input> deve essere chiusa correttamente.
New: Nuovo etichetta HTML5.
| Attributo | Valore | Descrizione |
|---|---|---|
| accept | audio/* video/* image/*MIME_type | Specificare il tipo di file che deve essere inviato tramite il caricamento del file. (solo per type="file") |
| align | left right top middle bottom | HTML5 ha abbandonato, non raccomandato per l'uso. Specifica l'allineamento dell'input immagine. (solo per type="image") |
| alt | testo | Definire il testo alternativo per l'input immagine. (solo per type="image") |
| autocompleteHTML5 | on off | L'attributo autocomplete specifica se l'elemento input dovrebbe abilitare la funzione di completamento automatico. |
| autofocusHTML5 | autofocus | L'attributo autofocus stabilisce che l'elemento <input> deve ottenere automaticamente il focus al caricamento della pagina. |
| checked | checked | L'attributo checked stabilisce che l'elemento <input> deve essere selezionato predefinitamente al caricamento della pagina. (solo per type="checkbox" o type="radio") |
| dirnameHTML5 | inputname.dir | Specificare la direzione del testo da inviare. |
| disabled | disabled | L'attributo disabled stabilisce che l'elemento <input> deve essere disabilitato. |
| formHTML5 | form_id | L'attributo form specifica un o più form a cui appartiene l'elemento <input>. |
| formactionHTML5 | URL | L'attributo definisce l'URL per il file del controllo di input quando il modulo viene inviato. (solo per type="submit" e type="image"). |
| formenctypeHTML5 | application/x-www-form-urlencoded multipart/form-data text/plain | L'attributo definisce come codificare i dati del modulo quando vengono inviati al server (solo per type="submit" e type="image"). |
| formmethodHTML5 | get post | Definisce il metodo HTTP utilizzato per inviare i dati del modulo a un URL di azione. (solo per type="submit" e type="image"). |
| formnovalidateHTML5 | formnovalidate | L'attributo 'formnovalidate' sovrascrive l'attributo 'novalidate' dell'elemento <form>. |
| formtargetHTML5 | _blank _self _parent _topframename | Definisce il nome o la parola chiave da visualizzare dove viene ricevuta la risposta dopo l'invio del modulo. (solo per type="submit" e type="image"). |
| heightHTML5 | pixel | Definisce l'altezza dell'elemento <input> (solo per type="image"). |
| listHTML5 | datalist_id | L'attributo si riferisce all'elemento <datalist> che contiene le opzioni predefinite per l'elemento <input>. |
| maxHTML5 | number data | L'attributo specifica il valore massimo dell'elemento <input>. |
| maxlength | number | L'attributo specifica il numero massimo di caratteri consentiti nell'elemento <input>. |
| minHTML5 | number data | L'attributo specifica il valore minimo dell'elemento <input>. |
| multipleHTML5 | multiple | L'attributo definisce che l'utente può inserire più valori nel campo <input>. |
| name | testo | L'attributo 'name' specifica il nome dell'elemento <input>. |
| patternHTML5 | regexp | L'attributo 'pattern' definisce l'espressione regolare utilizzata per verificare il valore dell'elemento <input>. |
| placeholderHTML5 | testo | L'attributo 'placeholder' definisce un messaggio breve che descrive il valore previsto del campo <input>. . |
| readonly | readonly | L'attributo 'readonly' definisce che il campo di input è readonly. |
| requiredHTML5 | required | L'attributo definisce che i campi di input devono essere compilati prima di inviare il modulo. |
| size | number | L'attributo 'size' definisce la larghezza visibile dell'elemento <input> in numero di caratteri. |
| src | URL | L'attributo 'src' definisce l'URL dell'immagine da visualizzare come pulsante di invio. (solo per type="image") |
| stepHTML5 | number | L'attributo step specifica l'intervallo numerico legittimo dell'elemento <input>. |
| type | button checkbox colore data datetime datetime-local file nascosto immagine mese number password radio range reset search submit tel testo tempo url settimana | L'attributo type determina il tipo di elemento <input> da visualizzare. |
| value | testo | Specifica il valore della proprietà value dell'elemento <input>. |
| widthHTML5 | pixel | L'attributo width determina la larghezza dell'elemento <input>. (solo per type="image") |
<input> etichetta supporta le proprietà globali, consulta la tabella completa delle proprietà Proprietà globali HTML.
<input> etichetta supporta tutti gli eventi Proprietà degli eventi HTML.