简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > Front-End-Fragen und Antworten > Hauptteil

So gestalten Sie ein Textfeld in HTML

PHPz
Freigeben： 2023-04-13 11:13:50
Original
3353 Leute haben es durchsucht

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.

  1. 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">
Nach dem Login kopieren

In diesem Beispiel erstellen wir ein Textfeld und nennen es „Benutzername“.

  1. 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">
Nach dem Login kopieren

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">
Nach dem Login kopieren

In diesem Beispiel legen wir das Maximum fest Länge des Textfeldes auf 20 Zeichen.

  1. 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="请输入用户名">
Nach dem Login kopieren

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="请输入用户名">
Nach dem Login kopieren

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.

  1. Verwenden Sie das Tag