Exemplu
Un formular HTML cu trei câmpuri de intrare; două câmpuri de text și un buton de trimitere:
<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>
Încearcă - l singur » Definiție și utilizare
<input> etichetă specifică un câmp de intrare în cazul în care utilizatorul poate introduce date.
<input> sunt utilizate într - un <form> element de a declara controale de intrare , care permit utilizatorilor să introducă date.
Un câmp de intrare poate varia în mai multe moduri, în funcție de type de atribut.
Suport pentru browser-
| Element | |||||
|---|---|---|---|---|---|
| <input> | da | da | da | da | da |
Sfaturi și note
Note: <input> Elementul este gol, acesta conține doar atribute.
Tip: Folosiți <label> elementul pentru a defini etichete pentru <input> elemente.
Diferențe între HTML 4.01 și HTML5
"align" atributul nu este acceptat în HTML5.
În HTML5, <input> tag - ul are mai multe atribute noi, iar type atributului are mai multe valori noi.
Diferențe între HTML și XHTML
In HTML, The <input> tag - ul nu are nici o etichetă de închidere.
În XHTML, The <input> tag - ul trebuie să fie închise în mod corespunzător, ca aceasta <input /> .
atribute
= Nou în HTML5.
| Atribut | Valoare | Descriere |
|---|---|---|
| accept | file_extension audio/* video/* image/* media_type | Specifică tipurile de fișiere pe care serverul acceptă (only for type="file" ) |
| align | left right top middle bottom | Nu sunt acceptate în HTML5. Specifică alinierea unei imagini de intrare (only for type="image" ) |
| alt | text | Specifică un text alternativ pentru imagini (only for type="image" ) |
| autocomplete | on off | Specifică dacă un <input> elementul ar fi activat completarea automată |
| autofocus | autofocus | Specifică faptul că un <input> elementul ar trebui să se concentreze în mod automat atunci când se încarcă pagina |
| checked | checked | Specifică faptul că un <input> trebuie să fie pre-selectat elementul când se încarcă pagina (for type="checkbox" or type="radio" ) |
| dirname | inputname .dir | Specifică faptul că direcția de text va fi prezentat |
| disabled | disabled | Specifică faptul că un <input> elementul ar trebui să fie dezactivat |
| form | form_id | Specifică una sau mai multe formează <input> aparține elementului de |
| formaction | URL | Specifică adresa URL a fișierului care va procesa controlul de intrare atunci când formularul este depus (for type="submit" and type="image" ) |
| formenctype | application/x-www-form-urlencoded multipart/form-data text/plain | Specifică modul în care trebuie să fie codificat formularul de date atunci când trimiterea la server (for type="submit" and type="image" ) |
| formmethod | get post | Definește metoda HTTP pentru a trimite date la adresa URL de acțiune (for type="submit" and type="image" ) |
| formnovalidate | formnovalidate | Definește ca elemente de formular nu ar trebui să fie validate în momentul depunerii |
| formtarget | _blank _self _parent _top framename | Specifică unde să afișeze răspunsul pe care este primit după depunerea formularului (for type="submit" and type="image" ) |
| height | pixels | Specifică înălțimea unui <input> Element (only for type="image" ) |
| list | datalist_id | Se referă la un <datalist> element care conține opțiuni predefinite pentru <input> Element |
| max | number date | Specifică valoarea maximă pentru un <input> Element |
| maxlength | number | Specifică numărul maxim de caractere permise într - un <input> Element |
| min | number date | Specifică o valoare minimă pentru un <input> Element |
| multiple | multiple | Specifică faptul că un utilizator poate introduce mai mult de o valoare într - un <input> elementul |
| name | text | Specifică numele unui <input> Element |
| pattern | regexp | Specifică o expresie regulată care o <input> valoarea elementului este verificat |
| placeholder | text | Specifică un indiciu scurt care descrie valoarea așteptată a unui <input> Element |
| readonly | readonly | Specifică numai citit că un câmp de intrare este |
| required | required | Specifică faptul că un câmp de intrare trebuie să fie completate înainte de a trimite formularul |
| size | number | Specifică lățimea, în caractere, de <input> Element |
| src | URL | Specifică adresa URL a imaginii pentru a utiliza ca un buton de trimitere (numai pentru type="image" ) |
| step | number | Specifică intervalele numerice legale pentru un câmp de intrare |
| type | button checkbox color date datetime datetime-local file hidden image month number password radio range reset search submit tel text time url week | Specifică tipul <input> Element pentru a afișa |
| value | text | Specifică valoarea unui <input> Element |
| width | pixels | Specifică lățimea unui <input> Element (only for type="image" ) |
Atribute globale
<input> tag - ul sprijină , de asemenea, Atributele Global in HTML .
Atribute Eveniment
<input> tag - ul sprijină , de asemenea, Atribute eveniment în HTML .
Pagini similare
Tutorial HTML: Formulare HTML
HTML DOM referință:
- Intrare Buton obiect
- Intrare Checkbox Obiect
- Intrare obiect de culoare
- Intrare Data Obiect
- Intrare Datăoră Obiect
- Intrare Obiect DatetimeLocal
- Intrare E - mail Obiect
- Intrare FileUpload Obiect
- Intrare obiecte ascunse
- Intrare Obiectul Image
- Intrare Luna Obiect
- Intrare Număr Obiect
- Intrare Parola Obiect
- Interval de intrare obiect
- Intrare obiect radio
- Intrare Reset Obiect
- Intrare Căutare Obiect
- Intrare Trimite Obiect
- Introducere text Obiect
- Intrare oră Obiect
- Intrare URL Obiect
- Intrare obiect Săptămâna
Setări implicit CSS
Nici unul.