hogyan kell beállítani szélessége egy bemeneti szövegdoboz HTML, CSS és JavaScript

október 27, 2020 admin 0 Comments

ebben a bejegyzésben, látni fogjuk, hogyan kell beállítani szélessége egy bemeneti szövegdoboz HTML, CSS és JavaScript.

állítsa be a szélességet HTML

HTML-ben a width attribútum segítségével állítsa be az elem szélességét.,

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., Az ötlet egy osztály meghatározása a width CSS tulajdonság beállításához.

Szerkesztés JSFiddle

Alternatív megoldásként a bemeneti szövegdoboz CSS választóját is használhatja a width CSS tulajdonság beállításához.

Edit in Jsfiddle

Set width with JavaScript

with JavaScript, you can use the setAttribute() function to set the value of size attribútum on the input text box.

Szerkesztés JSFiddle-ben

dinamikusan megváltoztathatja a szövegdoboz szélességét is, hogy megfeleljen a bemenet hosszának., 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.

Vélemény, hozzászólás?

Az email címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöltük