HTML input type Attribute
Beispiele
HTML-Formular mit zwei verschiedenen Eingangstypen, Text und einreichen:
用户名: <input type="text" name="usrname"><br>
<input type="submit" value="提交">
Versuchen »
(Siehe unten auf dieser Seite finden Sie weitere Beispiele)
Browser-Unterstützung
Alle gängigen Browser unterstützen das type-Attribut. Allerdings sind nicht alle gängigen Browser unterstützen alle die verschiedenen Eingabetypen in allen gängigen Browsern funktionieren kann.
Siehe unten für jeden Eingangstyp-Browser-Unterstützung.
Definition und Verwendung
<Input> type-Attribut gibt die Art des Elements, das Sie anzeigen möchten.
Der Standardtyp ist: Text.
Hinweis: Dieses Attribut ist nicht erforderlich, aber wir denken , dass Sie es immer verwenden sollten.
Die Unterschiede zwischen den HTML 4.01 und HTML5
Folgende Eingabearten sind neu in HTML5 Typ: Farbe, Datum, Datumzeit, datetime-local, Monat, Woche, Zeit, E-Mail, Zahl, Reichweite, Suche, Tel und URL.
Grammatik
Eigenschaft Wert
值 | 描述 |
---|---|
button | 定义可点击的按钮(通常与 JavaScript 一起使用来启动脚本)。 |
checkbox | 定义复选框。 |
color New | 定义拾色器。 |
date New | 定义 date 控件(包括年、月、日,不包括时间)。 |
datetime New | 定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,基于 UTC 时区)。 |
datetime-local New | 定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,不带时区)。 |
email New | 定义用于 e-mail 地址的字段。 |
file | 定义文件选择字段和 "浏览..." 按钮,供文件上传。 |
hidden | 定义隐藏输入字段。 |
image | 定义图像作为提交按钮。 |
month New | 定义 month 和 year 控件(不带时区)。 |
number New | 定义用于输入数字的字段。 |
password | 定义密码字段(字段中的字符会被遮蔽)。 |
radio | 定义单选按钮。 |
range New | 定义用于精确值不重要的输入数字的控件(比如 slider 控件)。 |
reset | 定义重置按钮(重置所有的表单值为默认值)。 |
search New | 定义用于输入搜索字符串的文本字段。 |
submit | 定义提交按钮。 |
tel New | 定义用于输入电话号码的字段。 |
text | 默认。定义一个单行的文本字段(默认宽度为 20 个字符)。 |
time New | 定义用于输入时间的控件(不带时区)。 |
url New | 定义用于输入 URL 的字段。 |
week New | 定义 week 和 year 控件(不带时区)。 |
Beispiele
Eingabetyp: Taste
Beispiele
Definition von anklickbaren Schaltflächen, wenn der Benutzer auf eine Schaltfläche klickt einen Zeitraum von JavaScript zu starten:
Versuchen »
Eingabetyp: Checkbox
Beispiele
Box ermöglicht es dem Benutzer eine oder mehrere Optionen in einer Reihe von Möglichkeiten zur Auswahl:
<input type="checkbox" name="vehicle[]" value="Car"> 我有一辆小轿车<br>
<input type="checkbox" name="vehicle[]" value="Boat"> 我有一艘船<br>
Versuchen »
Eingabetyp: Farbe
Beispiele
Wählen Sie eine Farbe aus der Farbauswahl:
Versuchen »
Eingang: Datum
Eingabetyp: datetime
Beispiele
Legen Sie das Datum und Zeitkontrollen (mit Zeitzone):
Versuchen »
Eingabetyp: datetime-local
Beispiele
Legen Sie das Datum und Zeitkontrollen (ohne Zeitzone):
Versuchen »
Eingabetyp: E-Mail
Beispiele
Felddefinitionen für die E-Mail-Adresse (wenn das Formular automatisch auf den Wert des E-Mail-Bereich vorgelegt wird, um zu überprüfen):
Versuchen »
Tipp: iPhone Safari Browser wird die E - Mail - Eingang Typ erkennen, dann die Tastatur Touchscreen ändern , um es (hinzufügen @ und .com - Optionen) anzupassen.
Eingang: Datei
Beispiele
Um Dateiauswahlfeld und eine "Durchsuchen ...", für Datei-Upload festlegen:
Versuchen »
Eingabetyp: versteckt
Beispiele
Definition von versteckten Feldern, versteckte Felder sind nicht für den Benutzer sichtbar. Versteckte Felder speichern oft einen Standardwert, oder ihre Werte ändern, indem Sie die JavaScript-:
Versuchen »
Eingang Typ: image
Beispiele
Benutzerdefinierte Bild als Submit-Button:
Versuchen »
Eingabetyp: Monat
Beispiele
Definieren Sie den Monat und das Jahr Kontrolle (ohne Zeitzone):
Versuchen »
Eingabetyp: Zahl
Beispiele
Geben Sie eine Zahl, die Felder zu definieren (Sie die akzeptable Grenze Zahlen festlegen können):
Versuchen »
Bitte verwenden Sie die folgenden Attribute Einschränkungen angeben:
- MAX - die maximale durch Regelungen erlaubt.
- min - das Minimum von Bestimmungen zulässig.
- STEP - Anforderungen für legale digitale Intervall.
- Der Wert - angegebene Standard.
Eingabetyp: Passwort
Beispiele
Definieren Sie Passwort-Felder (Passwort-Felder sind maskierte Zeichen):
Versuchen »
Eingabetyp: radio
Beispiele
Es ermöglicht dem Benutzer eine Option in einer Anzahl von Möglichkeiten ausgewählt werden:
<input type="radio" name="gender" value="女"> 女
Versuchen »
Eingabetyp: Bereich
Beispiele
Es definiert die genaue Wert ist nicht wichtig digitalen Eingangssteuerung (wie Schieberegler). Sie können auch Grenzen akzeptablen Zahlen gesetzt:
Versuchen »
Bitte verwenden Sie die folgenden Attribute Einschränkungen angeben:
- MAX - die maximale durch Regelungen erlaubt.
- min - das Minimum von Bestimmungen zulässig.
- STEP - Anforderungen für legale digitale Intervall.
- Der Wert - angegebene Standard.
Eingangstyp: reset
Beispiele
Definieren Sie die Reset-Taste (Zurücksetzen aller Form ist die Standardeinstellung):
Versuchen »
Tipp: Seien Sie vorsichtig mit der Reset - Taste!Für Anwender, klickte aus Versehen auf die Reset-Taste eine sehr ärgerliche Sache ist.
Eingabetyp: Suche
Beispiele
Definierte Suchfeld (zB Website-Suche oder Google-Suche, etc.):
Versuchen »
Eingabetyp: submit
Eingabetyp: tel
Beispiele
Definierte Felder für die Eingabe von Telefonnummern:
Versuchen »
Eingabetyp: Text
Beispiele
Der Benutzer kann zwei definieren eine einzelne Textzeile in einem Textfeld eingeben:
Last name: <input type="text" name="lname"><br>
Versuchen »
Eingabetyp: Zeit
Beispiele
Geben Sie die Zeit der Definition der Steuerung verwendet wird (ohne Zeitzone):
Versuchen »
Eingabetyp: url
Tipp: iPhone Safari - Browser die URL - Eingabetyp erkennen, dann die Touchscreen-Tastatur ändern , um es anzupassen (.com Option hinzufügen).
Eingang: Woche
Beispiele
Definition der Woche und Jahr Kontrolle (ohne Zeitzone):
Versuchen »
HTML <input> -Tag