Beispiel
Ein HTML-Formular mit drei Eingabefeldern; zwei Textfelder und ein Submit-Button:
<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>
Versuch es selber " Definition und Verwendung
Die <input> -Tag gibt ein Eingabefeld , in dem die Benutzerdaten eingeben.
<input> sind Elemente innerhalb eines verwendeten <form> Element Eingabesteuerungen zu deklarieren, die Benutzer zur Eingabe von Daten ermöglichen.
Ein Eingabefeld kann auf vielfältige Weise variieren, je nach dem type - Attribut.
Browser-Unterstützung
| Element | |||||
|---|---|---|---|---|---|
| <input> | ja | ja | ja | ja | ja |
Tipps und Hinweise
Hinweis: Die <input> Element leer ist, ist es nur Attribute enthält.
Tipp: Verwenden Sie das <label> Element Etiketten zu definieren , für <input> Elemente.
Unterschiede zwischen HTML 4.01 und HTML5
Die "align" Attribut wird nicht in HTML5 unterstützt.
In HTML5, die <input> hat Tag mehrere neue Attribute und die type Attribut hat mehrere neue Werte.
Unterschiede zwischen HTML und XHTML
In HTML, das <input> hat Tag kein Ende - Tag.
In XHTML, das <input> muss Tag richtig geschlossen werden, wie dieser <input /> .
Attribute
= Neu in HTML5.
| Attribut | Wert | Beschreibung |
|---|---|---|
| accept | file_extension audio/* video/* image/* media_type | Gibt die Typen der Dateien , die der Server akzeptiert (nur für type="file" ) |
| align | left right top middle bottom | Nicht in HTML5 unterstützt. Gibt die Ausrichtung eines Bildes Eingang (nur für type="image" ) |
| alt | text | Gibt einen alternativen Text für Bilder (nur für type="image" ) |
| autocomplete | on off | Gibt an, ob ein <input> sollte Element zur automatischen Vervollständigung aktiviert haben |
| autofocus | autofocus | Gibt an, dass ein <input> Element automatisch beim Laden der Seite konzentrieren bekommen sollten |
| checked | checked | Gibt an, dass ein <input> Element vorgewählt werden sollte , wenn die Seite geladen wird (für type="checkbox" oder type="radio" ) |
| dirname | inputname.dir | Gibt an, dass wird die Textrichtung eingereicht werden |
| disabled | disabled | Gibt an, dass ein <input> Element deaktiviert werden soll |
| form | form_id | Gibt eine oder mehrere Formen der <input> Element gehört |
| formaction | URL | Gibt die URL der Datei, die den Eingangssteuer verarbeiten, wenn das Formular abgeschickt wird (für type="submit" und type="image" ) |
| formenctype | application/x-www-form-urlencoded multipart/form-data text/plain | Gibt an, wie die Formdaten codiert werden soll , wenn es an den Server (für type="submit" und type="image" ) |
| formmethod | get post | Legt die HTTP - Methode , um Daten an die Action - URL zu senden (für type="submit" und type="image" ) |
| formnovalidate | formnovalidate | Legt fest, dass Formularelemente sollten nicht überprüft werden, wenn eingereicht |
| formtarget | _blank _self _parent _top framename | Gibt an, wo die Reaktion auf die Anzeige , die nach dem Absenden des Formulars (für empfangen type="submit" und type="image" ) |
| height | pixels | Gibt die Höhe eines <input> Element (nur für type="image" ) |
| list | datalist_id | Bezieht sich auf ein <datalist> Element , das für einen Optionen vordefinierten enthält <input> Element |
| max | number date | Gibt den Maximalwert für ein <input> Element |
| maxlength | number | Gibt die maximale Anzahl von Zeichen in einem erlaubten <input> Element |
| min | number date | Gibt einen Mindestwert für ein <input> Element |
| multiple | multiple | Gibt an, dass ein Benutzer mehr als ein Wert in einem eingeben <input> Element |
| name | text | Gibt den Namen eines <input> Element |
| pattern | regexp | Gibt einen regulären Ausdruck , dass ein <input> Element der Wert gegenüber geprüft |
| placeholder | text | Gibt einen kurzen Hinweis , dass der erwartete Wert eines beschreibt <input> Element |
| readonly | readonly | Gibt an, dass ein Eingabefeld ist schreibgeschützt |
| required | required | Gibt an, dass ausgefüllt ein Eingabefeld vor Absenden des Formulars werden müssen |
| size | number | Gibt die Breite in Zeichen eines <input> Element |
| src | URL | Gibt die URL des Bildes als Submit - Button zu verwenden (nur für type="image" ) |
| step | number | Gibt die gesetzlichen Nummernintervalle für ein Eingabefeld |
| type | button checkbox color date datetime datetime-local file hidden image month number password radio range reset search submit tel text time url week | Gibt den Typ <input> Element anzeigen |
| value | text | Gibt den Wert eines <input> Element |
| width | pixels | Gibt die Breite eines <input> Element (nur für type="image" ) |
globale Attribute
Die <input> Tag unterstützt auch den Global in HTML - Attribute .
Event-Attribute
Die <input> Tag unterstützt auch der Veranstaltung in HTML - Attribute .
Verwandte Seiten
HTML - Tutorial: HTML - Formulare
HTML-DOM-Referenz:
- Eingabe - Taste Object
- Eingang Checkbox Object
- Eingabefarbobjekt
- Eingabedatum Object
- Eingang Datetime - Objekt
- Eingang DatetimeLocal Objekt
- Eingang E - Mail - Objekt
- Eingang Fileupload - Objekt
- Eingang Hidden Object
- Eingang Bild - Objekt
- Eingangs Monat Objekt
- Eingang Anzahl Object
- Passwort eingeben Objekt
- Eingangsbereich Object
- Eingangsfunk Object
- Reset - Eingang Objekt
- Eing-Objekt
- Eingang Senden Objekt
- Eingabetextobjekt
- Eingang Zeitobjekt
- Eingabe einer URL
- Eingangs Woche Objekt
Standard CSS-Einstellungen
Keiner.