English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
HTML <input> 标签是一个输入控件，为用户提供用于输入数据的交互式控件。传统上， <input> 标签位于 <form> 标签内，并且可以通过设置适当的 type 属性来表示文本字段，复选框，下拉菜单，按钮和其他输入。此标签通常也称为 <input> 元素。
一个简单的 HTML 表单，包含两个文本输入框和一个提交按钮：
!doctype html> <html> <head> <meta charset="UTF-8"> <title>HTML5 footer 标签的使用(基础教程网 oldtoolbag.com)</title> </head> <body> <h1>oldtoolbag.com基础教程</h1> <form action="demo-form.php" method="post"> 公司: <input type="text" name="company"><br> 地址: <input type="text" name="address"><br> <input type="submit" value="Submit"> </form> </body> </html>测试看看 ‹/›
在此 HTML5在文档示例中，我们使用了 <form> 标记创建 HTML 表单。该表单包含两个用于公司和地址的 <input> 控件，以及一个用于提交按钮的 <input> 控件。
IEFirefoxOperaChromeSafari
目前大多数浏览器支持 <input> 标签。
Das <input>-Tag definiert das Eingabefeld, in dem der Benutzer Daten eingeben kann.
Das <input>-Element wird im <form>-Element verwendet, um Input-Kontrollelemente zu deklarieren, die dem Benutzer erlauben, Daten einzugeben.
Durch die Einstellung des Typ-Attributs kann das <input>-Element zu einem Textfeld, einem Kontrollkästchen, einem Radio-Button, einer Dropdown-Liste, einem Button, einem Passwortfeld und vielem mehr werden!
Beachten Sie: Das <input>-Element ist leer, es enthält nur Attributetags.
Hinweis: Sie können <label> Das Element <label> wird verwendet, um die Beschriftung des <input>-Elements zu definieren.
In HTML 4.01 In HTML wird der "align"-Daten nicht mehr verwendet. HTML5 In XHTML wird diese Eigenschaft nicht unterstützt. Kann CSS verwendet werden, um die Ausrichtung des <input>-Elements zu definieren.
In HTML5In HTML wurden mehrere Attribute hinzugefügt und entsprechende Werte zugeordnet.
In HTML hat das <input>-Element kein schließendes Tag.
In XHTML muss das <input>-Element korrekt geschlossen werden.
New: HTML5Neue Marke.
| Eigenschaft | Wert | Beschreibung |
|---|---|---|
| accept | audio/* video/* image/*MIME_type | Legt die Typen der Dateien fest, die durch Dateiupload übermittelt werden sollen. (Nur für type="file") |
| align | left right top middle bottom | HTML5Veraltet, nicht empfohlen. Legt die Ausrichtung des Bild-Eingabelements fest. (Nur für type="image") |
| alt | text | Definiert den alternativen Text für ein Bild-Eingabelement. (Nur für type="image") |
| autocompleteHTML5 | on off | autocomplete-Eigenschaft legt fest, ob das automatische Vervollständigen der Eingabefelder des <input>-Elements aktiviert werden soll. |
| autofocusHTML5 | autofocus | Eigenschaft legt fest, dass das <input>-Element beim Laden der Seite automatisch den Fokus erhält. |
| checked | checked | checked-Eigenschaft legt fest, dass das <input>-Element beim Laden der Seite voreingestellt sein soll. (Nur für type="checkbox" oder type="radio") |
| dirnameHTML5 | inputname.dir | Bestimmt die Textausrichtung der zu übermittelnden Daten. |
| disabled | disabled | disabled-Eigenschaft legt fest, dass das <input>-Element deaktiviert sein soll. |
| formHTML5 | form_id | form-Eigenschaft legt einen oder mehrere Formulare fest, zu denen das <input>-Element gehört. |
| formactionHTML5 | URL | Das Attribut legt die URL fest, die zur Verarbeitung der Datei des Eingabekontrollers bei der Formularübergabe verwendet wird. (Nur für type="submit" und type="image") |
| formenctypeHTML5 | application/x-www-form-urlencoded multipart/form-data text/plain | Das Attribut legt fest, wie die Formulardaten codiert werden, wenn sie an den Server gesendet werden (nur für type="submit" und type="image") |
| formmethodHTML5 | get post | Das Attribut definiert die HTTP-Methode, die verwendet wird, um die Daten des Formulars an die action-URL zu senden. (Nur für type="submit" und type="image") |
| formnovalidateHTML5 | formnovalidate | Das 'formnovalidate'-Attribut überschreibt das 'novalidate'-Attribut des <form>-Elements. |
| formtargetHTML5 | _blank _self _parent _topframename | Das Attribut legt den Namen oder den Schlüssel fest, unter dem die empfangene Antwort nach dem Absenden des Formulars angezeigt wird. (Nur für type="submit" und type="image") |
| heightHTML5 | pixels | Das Attribut legt die Höhe des <input>-Elements fest. (Nur für type="image") |
| listHTML5 | datalist_id | Das Attribut verweist auf das <datalist>-Element, das die vorgegebenen Optionen für das <input>-Element enthält. |
| maxHTML5 | number date | Das Attribut legt den maximalen Wert des <input>-Elements fest. |
| maxlength | number | Das Attribut legt die maximale Anzahl der zulässigen Zeichen im <input>-Element fest. |
| minHTML5 | number date | Das Attribut legt den kleinsten Wert des <input>-Elements fest. |
| multipleHTML5 | multiple | Das Attribut legt fest, dass mehrere Werte in das <input>-Element eingegeben werden dürfen. |
| name | text | Das 'name'-Attribut bestimmt den Namen des <input>-Elements. |
| patternHTML5 | regexp | Das 'pattern'-Attribut legt den regulären Ausdruck fest, der zur Validierung des Wertes des <input>-Elements verwendet wird. |
| placeholderHTML5 | text | Das 'placeholder'-Attribut legt eine kurze Hinweisinformation fest, die die erwartete Eingabe des <input>-Felds beschreibt. . |
| readonly | readonly | Das 'readonly'-Attribut legt fest, dass das Eingabefeld nur lesbar ist. |
| requiredHTML5 | required | Das Attribut legt fest, dass das Eingabefeld ausgefüllt werden muss, bevor das Formular abgeschickt wird. |
| size | number | Das 'size'-Attribut legt die sichtbare Breite des <input>-Elements in Zeichen fest. |
| src | URL | Das 'src'-Attribut legt die URL fest, die das Bild für den abgeschickten Button anzeigt. (Nur für type="image") |
| stepHTML5 | number | The step attribute specifies the legal numeric interval for the <input> element. |
| type | button checkbox color date datetime datetime-local file hidden image month number password radio range reset search submit tel text time url week | The type attribute specifies the type of the <input> element to be displayed. |
| value | text | Specifies the value of the <input> element's value. |
| widthHTML5 | pixels | The width attribute specifies the width of the <input> element. (only for type="image") |
<input> Tag supports global attributes, see the complete attribute table HTML Global Attributes.
<input> Tag supports all HTML Event Attributes.