HTML <input> -Tag
Beispiele
Ein einfaches HTML-Formular, das zwei Texteingabefelder enthält und einen Submit-Button:
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="提交">
</form>
Versuchen »
(Unten auf der Seite können Sie weitere Beispiele ansehen)
Browser-Unterstützung
Die meisten Browser unterstützen <input> -Tag.
Tag Definitionen und Anleitungen
<Input> -Tag gibt der Benutzer ein Feld die Eingabedaten in dem eingeben.
<Input> Elemente in der <form> Element wird verwendet für die Deklaration ermöglicht es Benutzern, Dateneingabesteuerungen.
Eingabefelder können auf vielfältige Weise verändert werden, je nach dem Typ-Attribut.
Tipps und Hinweise
Hinweis: <input> Element ist leer, es enthält nur Tag - Attribute.
Tipp: Sie können die Verwendung <label> das Label <input> Element Element zu definieren.
Die Unterschiede zwischen den HTML 4.01 und HTML5
In HTML 4.01, "align" werden die Daten nicht mehr verwendet wird. Dieses Attribut wird nicht in HTML5 unterstützt. Sie können die Ausrichtung der <input> Elemente mit CSS definieren.
In HTML5, <input> fügen Sie mehrere Eigenschaften, und fügt den entsprechenden Wert.
Die Unterschiede zwischen HTML und XHTML
In HTML <input> -Tag hat kein Ende-Tag.
In XHTML <input> -Tag muss richtig geschlossen sein.
Immobilien
Neu: HTML5 neue Tags.
| Immobilien | Wert | Beschreibung |
|---|---|---|
| akzeptieren | Audio / * Video / * image / * MIME_TYPE | Typ gibt an, um Datei-Upload-Unterlagen einzureichen. (Nur für type = "file") |
| ausrichten | von links nach rechts oben in der Mitte unten | HTML5 obsolet, veraltet. Vorbestimmte Ausrichtung des Eingabebildes. (Nur für type = "image") |
| alt | Text | Definieren Sie das Bild alternative Texteingabe. (Nur für type = "image") |
| Auto - Vervollständigen New | Ein aus | Auto-Vervollständigen Attribut gibt die <input> -Element Eingabefeld an, ob Sie die automatische Vervollständigung ermöglichen sollte. |
| Der Autofokus Neu | Autofokus | Attribut gibt an, wann die Seite geladen wird <input> Element automatisch scharf eingestellt werden soll. |
| geprüft | geprüft | Attribut geprüft angibt, wenn die Seite geladen werden sollte vorselektiert <input> -Elemente. (Nur für type = "Checkbox" oder type = "radio") |
| untauglich | untauglich | Behinderte Eigenschaft Bestimmungen sollten <input> Elemente deaktiviert werden. |
| bilden Neue | form_id | Form-Attribut gibt <input> Elemente in Form von einem oder mehreren gehört. |
| formaction New | URL | URL Attribut gibt den Eingangssteuerprozess, wenn das Formular Einreichungen. (Nur für type = "submit" und type = "image") |
| formenctype New | application / x-www-form-urlencoded multipart / form-data text / plain | Attribut gibt, wenn das Formular an den Server gesendet wird, wie die Daten zu kodieren (nur für type = "submit" und type = "image"). |
| formmethod New | erhalten Post | Definieren Sie senden Formulardaten an den Action-URL des HTTP-Methode. (Nur für type = "submit" und type = "image") |
| formnovalidate New | formnovalidate | formnovalidate Eigenschaftsüberschreibungen <form> novalidate Attribut des Elements. |
| formtarget New | _blank _self _parent _top framename | zeigt vorgeschrieben, wo zeigt die empfangenen Antwortnamen oder Schlüsselwort Nach Absenden des Formulars. (Nur für type = "submit" und type = "image") |
| Höhe Neu | Pixel | Bestimmungen <input> Element in der Höhe. (Nur für type = "image") |
| Liste Neu | datalist_id | Hinweis auf Immobilien <DataList-> -Element, die vordefinierten Optionen enthält <input> -Elemente. |
| MAX New | Nummer Datum | Attribut gibt die <input> maximale Element. |
| maxlength | Anzahl | Attribut gibt die <input> -Elemente maximal zulässige Anzahl von Zeichen. |
| min Neu | Nummer Datum | Attribut gibt die <input> Element des Minimums. |
| Mehrere New | mehrere | Attribut gibt können mehrere Werte <input> -Elemente Benutzer eingeben. |
| Name | Text | Name Attribut gibt die <input> Element den Namen. |
| Muster New | regexp | Attribut gibt das Muster zu validieren <input> Element des Wertes von regulären Ausdrücken. |
| Platzhalter Neu | Text | Der Platzhalter Attribut sorgt für eine kurze Beschreibung der Nachrichteneingabe <input> Feld ist der erwartete Wert. |
| nur lesbar | nur lesbar | Readonly-Attribut gibt das Eingabefeld ist schreibgeschützt. |
| erforderliche New | erforderlich | Attribut gibt die Eingabefelder vor Absenden des Formulars ausgefüllt werden müssen. |
| Größe | Anzahl | Sichtbare Breite Attribut gibt die Größe in Bezug auf die Anzahl der Zeichen <input> -Elemente. |
| src | URL | Src Attribut gibt die URL-Schaltfläche als Bild angezeigt einreichen. (Nur für type = "image") |
| STEP Neu | Anzahl | Schritt Attribut gibt den legalen digitalen <input> -Element Intervall. |
| Typ | Taste Checkbox Farbe Datum Datetime datetime-local Datei versteckt Bild Monat Anzahl Kennwort Radio Reichweite zurückstellen Suche einreichen tel Text Zeit url Woche | <Input> type-Attribut gibt die Art des Elements, das Sie anzeigen möchten. |
| Wert | Text | Gibt die <input> Element Wert von Wert. |
| Breite New | Pixel | Attribut gibt die Breite <input> Elementbreite. (Nur für type = "image") |
globale Eigenschaften
<Input> Tag unterstützt die globalen Attribute, sehen Sie das Eigenschaftenblatt vervollständigen HTML Globale Attribute .
Ereigniseigenschaften
<Input> -Tag unterstützt alle HTML - Ereignisattribute .