So legen Sie die Breite eines Eingabetextfelds in HTML, CSS und JavaScript fest

Oktober 27, 2020 admin 0 Comments

In diesem Beitrag erfahren Sie, wie Sie die Breite eines Eingabetextfelds in HTML, CSS und JavaScript festlegen.

Breite in HTML festlegen

In HTML können Sie mit dem Attribut width die Breite eines Elements festlegen.,

label for=“name“>Enter a value:</label>

<input type=“text“ style=“width: 200px;“>
</body>
</html>

Edit in JSFiddle

Alternatively, you can also use the size attribute to define the width of the <input>.,ody>

<label for=“name“>Enter a value:</label>
<input type=“text“ size=“20″>
</body>
</html>

Edit in JSFiddle

Set width with CSS

It is good practice to separate CSS from HTML markup., Die Idee ist, eine Klasse zu definieren, um die CSS-Eigenschaft width zu setzen.

Bearbeiten in JSFiddle

Alternativ können Sie auch den CSS-Selektor eines Eingabetextfelds verwenden, um die CSS-Eigenschaft width festzulegen.

Bearbeiten in JSFiddle

Breite mit JavaScript festlegen

Mit JavaScript können Sie mit der Funktion setAttribute() den Wert des Attributs size im Eingabetextfeld festlegen.

Bearbeiten in JSFiddle

können Sie auch dynamisch die Breite eines Textfelds mit der Länge der Eingabe übereinstimmen., This can be easily done by setting the size attribute on key events.

Edit in JSFiddle

(21 votes, average: 5.00 out of 5)

Thanks for reading.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.