Sådan at sætte bredden af et input tekstfelt i HTML, CSS og JavaScript

oktober 27, 2020 admin 0 Comments

I dette indlæg, vil vi se, hvordan at sætte bredden af et input tekstfelt i HTML, CSS og JavaScript.

Indstil bredde i HTML

i HTML kan du bruge attributten width til at indstille bredden på et element.,

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., Ideen er at definere en klasse for at indstille width CSS ejendom.

Rediger i JSFiddle

Alternativt kan du også bruge CSS-vælgeren i en indtastningstekstboks til indstilling af CSS-egenskaben width.

Rediger i JSFiddle

Sæt bredde med JavaScript

Med JavaScript, du kan bruge setAttribute() funktion til at indstille værdien af size attribut på input tekstfeltet.

Rediger i JSFiddle

kan du også dynamisk ændre bredden af en tekstboks til at matche længden af input., 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.

Skriv et svar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *