cum să setați lățimea unei casete de text de intrare în HTML, CSS și JavaScript

octombrie 27, 2020 admin 0 Comments

în acest post, vom vedea cum să setați lățimea unei casete de text de intrare în HTML, CSS și JavaScript.

setați lățimea în HTML

în HTML, puteți utiliza atributul width pentru a seta lățimea unui 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., Ideea este de a defini o clasă pentru a seta width CSS proprietate.în mod alternativ, puteți utiliza selectorul CSS al unei casete de text de intrare pentru setarea proprietății CSS width CSS.

Editare în JSFiddle

Set lățime cu JavaScript

Cu JavaScript, puteți folosi setAttribute() funcție pentru a seta valoarea de size atribut pe caseta de text de intrare.

editare în JSFiddle

De asemenea, puteți modifica dinamic lățimea unei casete de text pentru a se potrivi cu lungimea de intrare., 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.

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *