Wie können wir dem Tag <code><input></code> in HTML eine Zeichenbreite hinzufügen?-HTML-Tutorial-php.cn

Wie können wir dem Tag in HTML eine Zeichenbreite hinzufügen?

WBOY

Freigeben： 2023-08-26 12:41:02

nach vorne

1442 Leute haben es durchsucht

Wie können wir dem Tag <code><input></code> in HTML eine Zeichenbreite hinzufügen?

In diesem Artikel zeigen wir, wie man einem Eingabefeld in HTML Zeichenbreite hinzufügt.

Das Größenattribut von <input> wird verwendet, um die sichtbare Breite des <input>-Elements anzugeben. Eingabefelder akzeptieren Text, Suche, Telefon, URL, E-Mail und Passwort. Die Anzeigegröße kann, wenn auch eher indirekt, beeinträchtigt werden. Dennoch wird die Länge der erwarteten Eingabe nicht wirklich durch den Größenparameter begrenzt

Syntax

Das Folgende ist die Syntax von

<object> ... </object>

Nach dem Login kopieren

Sehen wir uns das folgende Beispiel an, um zu verstehen, wie man dem Eingabefeld in HTML eine Zeichenbreite hinzufügt.

Beispiel 1

Im folgenden Beispiel verwenden wir size=35 als Größe des Eingabefelds.

<!DOCTYPE html>
<html>
<body>
   FirstName:<input type="text"
   value="Tutorials"><br>
   Lastname<input type="text"
   size="35"
   value= "Point">
</body>
</html>

Nach dem Login kopieren

Wenn das Skript ausgeführt wird, generiert es eine Ausgabe, die das Eingabefeld mit Vornamen als Standardgröße und Nachnamen mit Größe = 35 zeigt, wie wir im Skript auf der Webseite erwähnt haben.

Beispiel 2

Betrachten Sie das folgende Beispiel: Wir haben einen Platzhalter der Größe 24 verwendet.

<!DOCTYPE html>
<html>
<body>
   <form>
      <div>
         <label for="Name">Enter FullName:</label>
         <input type="text" id="Name" name="Name" placeholder="All Capital Letters" size="24" />
      </div>
      <div>
         <button>Submit</button>
      </div>
   </form>
</body>
</html>

Nach dem Login kopieren

Nachdem das obige Skript ausgeführt wurde, wird auf der Webseite eine Ausgabe generiert, die ein Eingabefeld mit einem Platzhalter der Größe =24 mit der Aufschrift „ALL CAPS“ und einer Schaltfläche zum Senden enthält.

Beispiel 3

Betrachten wir ein weiteres Beispiel, bei dem wir minimale und maximale Länge verwenden.

<!DOCTYPE html>
<html>
<body>
   <form>
      <div>
         <label for="Name">Name: </label>
         <input type="text" id="Name" name="Name" required size="10" minlength="4" maxlength="8" />
         <span class="validity"></span>
      </div>
      <div>
         <button>Submit</button>
      </div>
   </form>
</body>
</html>

Nach dem Login kopieren

Nachdem Sie das obige Skript ausgeführt haben, wird das Ausgabefenster geöffnet und zeigt das Namenseingabefeld mit den Attributen „Größe = 10“, „Min“ und „Max“ auf der Webseite sowie die Schaltfläche „Senden“ an.

Das obige ist der detaillierte Inhalt vonWie können wir dem Tag in HTML eine Zeichenbreite hinzufügen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!