webentwicklung-frage-antwort-db.com.de

Wie kann die Größe eines Eingabetextfelds in HTML definiert werden?

Hier ist ein HTML-Eingabetextfeld:

<input type="text" id="text" name="text_name" />

Mit welchen Optionen kann die Größe der Box definiert werden?

Wie kann dies in CSS implementiert werden?

75
osos

Sie könnten sein width setzen:

<input type="text" id="text" name="text_name" style="width: 300px;" />

oder noch besser eine Klasse definieren:

<input type="text" id="text" name="text_name" class="mytext" />

und in einer separaten CSS-Datei das nötige Styling anwenden:

.mytext {
    width: 300px;
}

Wenn Sie die Anzahl der Zeichen begrenzen möchten, die der Benutzer in dieses Textfeld eingeben kann, können Sie das maxlength -Attribut verwenden:

<input type="text" id="text" name="text_name" class="mytext" maxlength="25" />
108
Darin Dimitrov

Das size Attribut funktioniert auch:

<input size="25" type="text" />
43
Fuzzy Analysis

Versuche dies

<input type="text" style="font-size:18pt;height:420px;width:200px;">

Oder aber

 <input type="text" id="txtbox">

mit dem CSS:

 #txtbox
    {
     font-size:18pt;
     height:420px;
     width:200px;
    }
7

Sie können die Breite in Pixel über das Inline-Styling einstellen:

<input type="text" name="text" style="width:195px;">

Sie können die Breite auch mit einer sichtbaren Zeichenlänge festlegen:

<input type="text" name="text" size="35" />

1