How do you increase the height of an textbox? (along with its font size)
Resize a text box Select the text box. Select one of the handles and drag until the text box is the size you want.
If you want to increase the height of the input field, you can specify line-height css property for the input field.
The size attribute specifies the visible width, in characters, of an <input> element. Note: The size attribute works with the following input types: text, search, tel, url, email, and password. Tip: To specify the maximum number of characters allowed in the <input> element, use the maxlength attribute.
I'm assuming from the way you worded the question that you want to change the size after the page has rendered?
In Javascript, you can manipulate DOM CSS properties, for example:
document.getElementById('textboxid').style.height="200px"; document.getElementById('textboxid').style.fontSize="14pt";
If you simply want to specify the height and font size, use CSS or style attributes, e.g.
//in your CSS file or <style> tag #textboxid { height:200px; font-size:14pt; } <!--in your HTML--> <input id="textboxid" ...>
Or
<input style="height:200px;font-size:14pt;" .....>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With