Heim > Artikel > Web-Frontend > So gestalten Sie ein Textfeld in HTML
So gestalten Sie ein Textfeld in HTML
- PHPzOriginal
- 2023-04-13 10:46:233372Durchsuche
Im Webdesign ist ein Textfeld ein häufig verwendetes Element, mit dem Benutzer Informationen auf der Seite eingeben können. In diesem Artikel erfahren Sie, wie Sie Textfelder in HTML einrichten.
- Verwenden Sie das -Tag.
Um ein Textfeld zu erstellen, können Sie das -Tag verwenden und seinen Typ festlegen zu „Text“. Hier ist ein einfaches Beispiel:
<input type="text" name="username">
In diesem Beispiel erstellen wir ein Textfeld und nennen es „Benutzername“.
- Legen Sie die Größe und maximale Länge des Textfelds fest.
Mit dem Attribut „size“ können Sie die Größe des Textfelds festlegen, z Beispiel:
<input type="text" name="username" size="30">
In diesem Beispiel legen wir die Größe des Textfelds auf 30 Zeichen Breite fest.
Darüber hinaus können Sie auch das Attribut „maxlength“ verwenden, um die maximale Länge des Textfelds festzulegen, zum Beispiel:
<input type="text" name="username" maxlength="20">
In diesem Beispiel legen wir das Maximum fest Länge des Textfeldes auf 20 Zeichen.
- Standardwert und Platzhalter festlegen
Sie können das Attribut „value“ verwenden, um den Standardwert des Textfelds festzulegen, zum Beispiel:
<input type="text" name="username" value="请输入用户名">
In diesem Beispiel setzen wir den Standardwert des Textfelds auf „Bitte geben Sie den Benutzernamen ein“.
Darüber hinaus können Sie auch das Attribut „Platzhalter“ verwenden, um den Platzhalter des Textfelds festzulegen, zum Beispiel:
<input type="text" name="username" placeholder="请输入用户名">
In diesem Beispiel setzen wir den Platzhalter von das Textfeld für „Bitte Benutzernamen eingeben“. Der Platzhalter verschwindet automatisch, wenn der Benutzer das Textfeld betritt.
- Verwenden Sie das Tag