Esempio
Un modulo HTML con tre campi di input; due campi di testo e un pulsante di invio:
<form
action="demo_form.asp">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>
Prova tu stesso " Definizione e utilizzo
Il <input> tag specifica un campo di input in cui l'utente può inserire i dati.
<input> sono usati all'interno di un <form> elemento di dichiarare controlli di input che consentono agli utenti di inserire i dati.
Un campo di ingresso può variare in molti modi, a seconda del type di attributo.
Supporto per il browser
| Elemento | |||||
|---|---|---|---|---|---|
| <input> | sì | sì | sì | sì | sì |
Suggerimenti e Note
Nota: Il <input> elemento è vuota, contiene solo gli attributi.
Suggerimento: Utilizzare il <label> elemento per definire le etichette per <input> elementi.
Differenze tra HTML 4.01 e HTML5
Il "align" attributo non è supportato in HTML5.
In HTML5, il <input> tag ha diversi nuovi attributi, e il type di attributo ha diversi nuovi valori.
Differenze tra HTML e XHTML
In HTML, il <input> tag non ha alcun tag di chiusura.
In XHTML, il <input> tag deve essere ben chiuso, come questo <input /> .
attributi
= Nuovo in HTML5.
| Attributo | Valore | Descrizione |
|---|---|---|
| accept | file_extension audio/* video/* image/* media_type | Specifica i tipi di file che il server accetta (solo per type="file" ) |
| align | left right top middle bottom | Non supportato in HTML5. Specifica l'allineamento di un ingresso immagine (solo per il type="image" ) |
| alt | text | Specifica un testo alternativo per le immagini (solo per type="image" ) |
| autocomplete | on off | Specifica se un <input> elemento avrebbe dovuto completamento automatico abilitato |
| autofocus | autofocus | Specifica che un <input> elemento dovrebbe ottenere automaticamente messa a fuoco quando la pagina viene caricata |
| checked | checked | Specifica che un <input> elemento deve essere pre-selezionata quando la pagina viene caricata (per type="checkbox" o type="radio" ) |
| dirname | inputname.dir | Specifica che la direzione del testo sarà presentato |
| disabled | disabled | Specifica che un <input> elemento deve essere disattivata |
| form | form_id | Specifica uno o più moduli il <input> elemento appartiene |
| formaction | URL | Specifica l'URL del file che elaborerà il controllo di input, quando il modulo viene inviato (per type="submit" e type="image" ) |
| formenctype | application/x-www-form-urlencoded multipart/form-data text/plain | Specifica come la forma-dati devono essere codificati al momento della presentazione al server (per type="submit" e type="image" ) |
| formmethod | get post | Definisce il metodo HTTP per l'invio dei dati all'URL azione (per type="submit" e type="image" ) |
| formnovalidate | formnovalidate | Stabilisce che gli elementi dei moduli non devono essere convalidati, se presentate |
| formtarget | _blank _self _parent _top framename | Specifica dove per visualizzare la risposta che si riceve dopo l'invio del modulo (per type="submit" e type="image" ) |
| height | pixels | Specifica l'altezza di un <input> elemento (solo per il type="image" ) |
| list | datalist_id | Si riferisce a un <datalist> elemento che contiene le opzioni predefinite per un <input> elemento |
| max | number date | Specifica il valore massimo per un <input> elemento |
| maxlength | number | Specifica il numero massimo di caratteri consentiti in un <input> elemento |
| min | number date | Specifica un valore minimo per un <input> elemento |
| multiple | multiple | Specifica che un utente può immettere più di un valore in un <input> elemento |
| name | text | Specifica il nome di un <input> elemento |
| pattern | regexp | Specifica una espressione regolare che un <input> il valore di elemento viene confrontato |
| placeholder | text | Specifica un breve accenno al fatto che descrive il valore atteso di un <input> elemento |
| readonly | readonly | Specifica che un campo di input è di sola lettura |
| required | required | Specifica che un campo di input deve essere compilato prima di inviare il modulo |
| size | number | Specifica la larghezza, in caratteri, di un <input> elemento |
| src | URL | Specifica l'URL dell'immagine da usare come pulsante di invio (solo per il type="image" ) |
| step | number | Specifica gli intervalli di numero legale per un campo di input |
| type | button checkbox color date datetime datetime-local file hidden image month number password radio range reset search submit tel text time url week | Specifica il tipo di <input> elemento per visualizzare |
| value | text | Specifica il valore di un <input> elemento |
| width | pixels | Specifica la larghezza di un <input> elemento (solo per il type="image" ) |
attributi globali
Il <input> tag supporta anche l' Attributi globali in HTML .
Attributi eventi
Il <input> tag supporta anche l' evento Attributi in HTML .
Pagine correlate
HTML tutorial: moduli HTML
di riferimento HTML DOM:
- Ingresso pulsante Object
- Ingresso Casella Object
- Ingresso oggetto di colore
- Input Data Object
- Input Data e ora oggetto
- Ingresso oggetto DatetimeLocal
- Ingresso Email Oggetto
- Ingresso FileUpload Object
- Ingresso di oggetti nascosti
- Ingresso Immagine Oggetto
- Ingresso mese Object
- Numero di input Object
- Password oggetto di input
- Input Range Object
- Ingresso Radio Object
- Ingresso Reset Object
- Ricerca ingresso Object
- Ingresso Invia Object
- Ingresso Oggetto Testo
- Ingresso Tempo Object
- Oggetto URL ingresso
- Ingresso Settimana Object
Impostazioni predefinite CSS
Nessuna.