Welche Eigenschaften hat das HTML/CSS-Texteingabefeld?

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.

Beispiele für neue Typattributwerte in HTML5

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 -Elements.
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 beschreibt .
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 E-Mail 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

Es verfügt über eine integrierte Erkennungsfunktion , wird erkannt, ob es das @-Symbol und @ enthält. Gibt es Zeichen vor und nach dem Zeichen? haben Zeichen danach, sonst kann es nicht übermittelt werden

• Suche
  Definition Textfeld zur Eingabe der Suchzeichenfolge

Datumskontrolle – Datum

• 
  

  <input>

• Zeitkontrolle – Uhrzeit

  
  

  🔜 rreee

• Wochenkontrolle- Woche
  

<input>
<input>

• Datum/Uhrzeit-Steuerung – datetime

  
  

• <input>

  Hinweis: Die Datums- und Uhrzeitsteuerung unterstützt auch Min- und Max-Attribute, die die minimale und maximale Zeit angeben, die eingestellt werden kann

  
  

<input>

Attribute des Textarea-Eingabefelds

definiert ein mehrzeiliges Texteingabesteuerelement.

• Attribut

Wert

Beschreibung

Autofokus

• Autofokus
  gibt an, dass beim Laden der Seite der Textbereich automatisch den Fokus erhält.

cols

• number

Gibt die sichtbare Breite innerhalb des Textbereichs an.

disabled

• disabled
  gibt an, dass der Textbereich deaktiviert ist.

form

• form_id

Definieren Sie ein oder mehrere Formulare, zu denen der Textbereich gehört.

maxlength

number

Gibt die maximal zulässige Anzahl von Zeichen im Textbereich an. Name

TextGibt den Namen des Textbereichs an. PlatzhalterTextGibt einen kurzen Hinweis an, der den erwarteten Eingabewert des Textbereichs beschreibt. readonlyreadonly gibt an, dass der Textbereich schreibgeschützt ist. erforderlicherforderlich Gibt an, dass der Textbereich erforderlich/erforderlich ist. rowsnumberGibt die Anzahl der im Textbereich sichtbaren Zeilen an. wickelnhart soft

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> （学习视频分享：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!