EN
HTML - change textarea size
0 points
In this article, we would like to show you how to change textarea size in HTML.
Quick solution:
xxxxxxxxxx1
<textarea name="textarea" style="width:300px; height:100px;">Type something here...</textarea>or:
xxxxxxxxxx1
<textarea name="textarea-name" cols="30" rows="3"></textarea>Note:
It is recommended to use
styleattribute or CSS to change thetextareasize.
In this example, we use textarea element's style attribute to set its width and hight.
xxxxxxxxxx1
2
<html>3
<body>4
<textarea name="textarea" style="width:300px; height:100px;">Type something here...</textarea>5
</body>6
</html>In this example, we use cols and rows attributes to set the textarea element width and height.
cols- the number of visible characters width of thetextarea- it is average characters width (if not specified, the default value is 20),rows- the number of visible text lines.
Runnable example:
xxxxxxxxxx1
2
<html>3
<body>4
<textarea name="textarea" cols="30" rows="5">Type something here...</textarea>5
</body>6
</html>You can also change the textarea element size using CSS.
The solution is described in details in the following article:
