Eingabe-Tag in HTML
- 24-07-2022
- Trung Minh
- 0 Comments
In diesem Artikel lernen wir, wie man das Input-Tag in HTML verwendet, das ist ein Tag, das verwendet wird, um Daten zu erhalten, die der Benutzer eingibt.
Das Eingabe-Tag hat die Funktion, ein Feld zu erstellen, in das der Benutzer Eingabedaten eingeben kann.
Das input-Tag wird zusammen mit dem form-Tag verwendet, um ein Eingabesteuerelement zu deklarieren, das es dem Benutzer ermöglicht, Daten einzugeben.
Ein Eingabefeld kann sich abhängig von der übergebenen Eigenschaft auf viele Arten ändern.
1. Verwendung des Eingangs-Tags
Beispiel : Anmeldeformular mit Eingabefeldern
<form> <h1> Login </h1> Username: <input type="text" name="username"> <br /> Password: <input type="passwword" name="passwword"> <br /> <input type="submit" name="submit" value="Login"> </form>
Wir sehen, dass bei unterschiedlichen Werten des type-Attributs das Eingabefeld unterschiedlich dargestellt wird.
2. Einige Attribute des eingegebenen .-Tags
Attributtyp
Type ist das wichtigste Attribut eines Input-Tags, es bestimmt die Funktionalität dieses Input-Tags.
Einige Werte vom Typ:
-
text
: Texteingabefeld. -
password
: das Passwort-Eingabefeld, die Eingabezeichen werden mit *-Zeichen maskiert. -
checkbox
: Kontrollkästchen. -
radio
: Zell-Radio-Schaltfläche -
submit
: Schaltfläche zum Absenden des Formulars.
Einige Werte in HTML5 :
-
number
: Zahl eingeben -
url
: Site-Pfadtyp - E-
email
: E-Mail-Typ
Es gibt noch viele weitere Werte, aber hier liste ich nur einige der am häufigsten verwendeten Werte auf.
Attributwert
Value ist auch ein sehr wichtiges Attribut des Input-Tags, es gibt den Wert des Input-Tags an.
Beispiel: das Wertattribut des eingegebenen .-Tags
<form> <h1> Login </h1> Username: <input type="text" name="username" value="Nhập username" > <br /> Password: <input type="passwword" name="passwword" value="Nhập password"> <br /> <input type="submit" name="submit" value="Đăng Nhập"> </form>