Die Attribute des Texteingabefelds sind: 1. Akzeptieren, das den durch den Datei-Upload übermittelten Dateityp angibt; 2. Alt, das den alternativen Text für die Bildeingabe definiert; 4 . formaction, die angibt, wann das Formular die Eingabesteuerung beim Absenden verarbeitet. 5. formtarget, das angibt, wo der Name oder das Schlüsselwort der empfangenen Antwort nach dem Absenden des Formulars angezeigt werden soll sichtbare Breite im Textbereich; 7. schreibgeschützt, was dem schreibgeschützten Zustand entspricht.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
In HTML/CSS gibt es zwei Arten von Texteingabefeldern:
input: einzeiliges Texteingabefeld
textarea: mehrzeiliges Texteingabefeld
Lassen Sie uns über diese beiden Eingaben sprechen Von der Box unterstützte Eigenschaften.
Attribute des Eingabefelds
<input> gibt das Eingabefeld an, in das der Benutzer Daten eingeben kann.
| Eigenschaft | Wert | Beschreibung |
|---|---|---|
| Akzeptieren | Audio/* Video/* image/*MIME_type | Gibt den Typ der per Datei-Upload übermittelten Datei an. (nur für type="file") |
| align | left Rechts Spitze Mitte unten | HTML5 ist veraltet und veraltet. Gibt die Ausrichtung der Bildeingabe an. (Nur für type="image") |
| alt | text | Definieren Sie den Alternativtext für die Bildeingabe. (nur für type="image") |
| Autovervollständigung | ein Das Attribut „off | autocomplete“ gibt an, ob für das Eingabefeld des <input>-Elements die automatische Vervollständigung aktiviert sein soll. Das Attribut |
| Autofokus | Autofokus | gibt an, dass das <input>-Element automatisch den Fokus erhalten soll, wenn die Seite geladen wird. Das Attribut |
| checked | checked | checked gibt das <input>-Element an, das beim Laden der Seite vorab ausgewählt werden soll. (Nur für type="checkbox" oder type="radio") Das Attribut |
| disabled | disabled | disabled gibt an, welche <input>-Elemente deaktiviert werden sollen. Das Attribut |
| form | form_id | form gibt ein oder mehrere Formulare an, zu denen das <input>-Element gehört. Die Eigenschaft |
| formaction | URL | gibt die URL der Datei an, die die Eingabesteuerung beim Absenden des Formulars verarbeitet. (Nur für type="submit" und type="image") |
| formenctype | application/x-www-form-urlencoded Multipart-/Formulardaten Das Attribut text/plain | gibt an, wie Formulardaten codiert werden, wenn sie an den Server übermittelt werden (nur geeignet für type="submit" und type="image"). |
| formmethod | get post | definiert die HTTP-Methode, die Formulardaten an die Aktions-URL sendet. (Nur geeignet für type="submit" und type="image") Das Attribut |
| formnovalidate | formnovalidate | formnovalidate überschreibt das novalidate-Attribut des |
| formtarget | _blank _selbst _Elternteil _topframename | gibt an, wo der Name oder das Schlüsselwort der nach dem Absenden des Formulars erhaltenen Antwort angezeigt werden soll. (Nur geeignet für type="submit" und type="image") |
| height | pixels | Gibt die Höhe des <input>-Elements an. (Nur für type="image") Das Attribut |
| list | datalist_id | bezieht sich auf das Element |
| max | Anzahl Das date | -Attribut gibt den Maximalwert des <input>-Elements an. Das Attribut |
| maxlength | number | gibt die maximal zulässige Anzahl von Zeichen in einem <input>-Element an. |
| min | Anzahl Das date | -Attribut gibt den Mindestwert des <input>-Elements an. Das Attribut |
| multiple | multiple | gibt an, dass der Benutzer mehrere Werte in das <input>-Element eingeben darf. |
| Name | Text | Das Namensattribut gibt den Namen des <input>-Elements an. Das Attribut |
| pattern | regexp | pattern gibt den regulären Ausdruck an, der zur Validierung des Werts des <input>-Elements verwendet wird. Das Attribut |
| Platzhalter | Text | Platzhalter gibt einen kurzen Tooltip an, der den erwarteten Wert des Eingabefelds |
| readonly | readonly | Das readonly-Attribut gibt an, dass das Eingabefeld schreibgeschützt ist. Das Attribut |
| required | required | gibt an, dass die Eingabefelder vor dem Absenden des Formulars ausgefüllt werden müssen. Das Attribut |
| size | number | size gibt die sichtbare Breite des <input>-Elements an. Das Attribut |
| src | URL | src gibt die URL des Bildes an, das als Senden-Schaltfläche angezeigt wird. (nur für type="image") |
| step | number | step-Attribut gibt die zulässigen Zahlenintervalle für das <input>-Element an. |
| Typ | Schaltfläche Kontrollkästchen Farbe Datum DatumUhrzeit DatumUhrzeit-Lokal Datei versteckt Bild Monat Nummer Passwort Das Attribut radio range reset search submit tel text time url week |
type gibt den Typ des anzuzeigenden <input>-Elements an. |
| value | text | Gibt den Wert des <input>-Elements an. Das Attribut „width“ gibt die Breite des <input>-Elements an. (Nur für type="image") Das Attribut type gibt den Typ des anzuzeigenden <input>-Elements an. Der Standardtyp ist: Text. |
| Farbe |
Wenn Sie darauf klicken, wird eine Farbauswahl angezeigt. Sie können eine beliebige Farbe auswählen
Eingabebereich Nummern innerhalb des Bereichs können manuell eingegeben, aber nicht übermittelt werden
tel
Geben Sie eine Telefonnummer ein, nur Safari unterstützt dies
E-Mail
<input>
Wochenkontrolle- Woche
<input> <input>
<input>
<input>
Attribute des Textarea-Eingabefelds
number
Gibt die maximal zulässige Anzahl von Zeichen im Textbereich an. Name
Text| Platzhalter | ||
|---|---|---|
| Gibt einen kurzen Hinweis an, der den erwarteten Eingabewert des Textbereichs beschreibt. | readonly | |
| gibt an, dass der Textbereich schreibgeschützt ist. | erforderlich | erforderlich |
| rows | ||
| Gibt die Anzahl der im Textbereich sichtbaren Zeilen an. | wickeln | hart |
| gibt an, wie der Text im Textbereich umbrochen werden soll, wenn das Formular gesendet wird. |
textarea文本区域中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。 可以通过 cols 和 rows 属性来规定 textarea 的尺寸大小，不过更好的办法是使用 CSS 的 height 和 width 属性。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <textarea rows="10" cols="30"> 我是一个文本框。 </textarea> </body> </html> Nach dem Login kopieren （学习视频分享：web前端） |
Das obige ist der detaillierte Inhalt vonWelche Eigenschaften hat das HTML/CSS-Texteingabefeld?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
