HTML <input> tag
Esempi
Un semplice modulo HTML che contiene due caselle di immissione testo e un pulsante di invio:
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="提交">
</form>
Prova »
(In fondo alla pagina è possibile visualizzare altri esempi)
Supporto per il browser
La maggior parte dei browser supportano tag <input>.
le definizioni e le istruzioni tag
<Input> tag specifica l'utente può inserire un campo in cui i dati di input.
<Input> elementi l'elemento <form> è usato per dichiarare consente agli utenti di inserire controlli di input dei dati.
I campi di input possono essere modificati in molti modi, a seconda del tipo di attributo.
Suggerimenti e Note
Nota: <input> elemento è vuoto, contiene solo gli attributi di tag.
Suggerimento: È possibile utilizzare il <label> per definire l'etichetta elemento <input> elemento.
Le differenze tra HTML 4.01 e HTML5
In HTML 4.01, "allineare" i dati non è più utilizzato. Questo attributo non è supportato in HTML5. È possibile definire l'allineamento degli elementi <input> usando i CSS.
In HTML5, <input> aggiungere diverse proprietà, e aggiunge il valore corrispondente.
Le differenze tra HTML e XHTML
In HTML, tag <input> non ha alcun tag di chiusura.
In XHTML, <input> tag deve essere chiuso correttamente.
proprietà
Nuovo: HTML5 nuovi tag.
| proprietà | valore | descrizione |
|---|---|---|
| accettare | audio / * video / * immagine / * mime_type | Tipo specifica per upload di file di presentare documenti. (Solo per type = "file") |
| allineare | a sinistra sotto centrale in alto a destra | HTML5 obsoleto, deprecato. allineamento predeterminata dell'immagine in ingresso. (Solo per type = "image") |
| alt | testo | Definire il metodo di scrittura alternativo immagine. (Solo per type = "image") |
| Completamento automatico Nuovo | on off | attributo autocomplete specifica il campo di immissione elemento <input> se è necessario attivare il completamento automatico. |
| La messa a fuoco automatica Nuovo | autofocus | Attributo specifica quando la pagina viene caricata elemento <input> dovrebbe ottenere automaticamente messa a fuoco. |
| verificato | verificato | Attributo specifica controllata al caricamento della pagina dovrebbero essere pre-selezionati <input> elementi. (Solo per type = "checkbox" o type = "radio") |
| disabile | disabile | disposizioni degli immobili disabili dovrebbero essere disabilitati <input> elementi. |
| formare Nuovo | form_id | modulo attributo specifica <input> elementi sotto forma di uno o più appartiene. |
| FormAction Nuovo | URL | attributo URL specifica il processo di controllo di input quando il form osservazioni. (Solo per type = "submit" e digitare = "image") |
| formenctype Nuovo | Application / x-www-form-urlencoded testo multipart / form-data / plain | Attributo specifica quando il modulo viene inviato al server come codificare i dati (solo per il tipo = "submit" e digitare = "immagine"). |
| formmethod Nuovo | ottenere postale | Definire Invia dati del modulo all'URL azione del metodo HTTP. (Solo per type = "submit" e digitare = "image") |
| formnovalidate Nuovo | formnovalidate | override formnovalidate proprietà <form> di attributo novalidate dell'elemento. |
| formtarget Nuovo | _blank _self _parent _top framename | Dopo aver inviato il modulo prescritto che mostra in cui viene visualizzato il nome risposta ricevuta o una parola chiave. (Solo per type = "submit" e digitare = "image") |
| altezza Nuovo | pixel | Disposizioni <input> altezza dell'elemento. (Solo per type = "image") |
| lista Nuovo | datalist_id | Proprietà di riferimento <datalist>, che contiene le opzioni predefinite <input> elementi. |
| MAX Nuovo | data numero | Attributo specifica l'elemento <input> massima. |
| maxlength | numero | Attributo specifica il <input> elementi numero massimo di caratteri consentiti. |
| min Nuovo | data numero | Attributo specifica l'elemento <input> del minimo. |
| multipla Nuovo | multiplo | Attributo specifica consente agli utenti di inserire più valori <input> elementi. |
| nome | testo | attributo name specifica il <input> nome dell'elemento. |
| modello Nuovo | regexp | attributo specifica il modello utilizzato per convalidare elemento <input> del valore delle espressioni regolari. |
| segnaposto Nuovo | testo | L'attributo segnaposto prevede una breve descrizione dell'ingresso messaggio <input> campo è il valore atteso. |
| in sola lettura | in sola lettura | l'attributo di sola lettura specifica il campo di input è di sola lettura. |
| richiesto Nuovo | richiesto | Attributo specifica i campi di input devono essere compilati prima di inviare il modulo. |
| dimensione | numero | attributo width Visibile specifica la dimensione in termini di numero di caratteri <input> elementi. |
| src | URL | attributo src specifica l'URL pulsante visualizzato come immagine presenta. (Solo per type = "image") |
| STEP Nuovo | numero | attributo step specifica il legale digitale elemento <input> intervallo. |
| tipo | pulsante casella di controllo colore data datetime datetime-locali file nascosto immagine mese numero password radio gamma reset ricerca presentare tel testo tempo URL settimana | <Input> attributo type specifica il tipo di elemento che si desidera visualizzare. |
| valore | testo | Specifica il <input> Valore elemento di valore. |
| larghezza Nuovo | pixel | Attributo specifica la larghezza <input> larghezza dell'elemento. (Solo per type = "image") |
Proprietà globali
<Input> tag supporta gli attributi globali, visione completa la finestra delle proprietà attributi HTML globale .
Proprietà evento
<Input> tag supporta tutti gli attributi di evento HTML .