How do you increase the height of an textbox? (along with its font size)
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试):
问题:
回答1:
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;" .....>
回答2:
Note that if you want a multi line text box you have to use a <textarea> instead of an <input type="text">.
回答3:
Increasing the font size on a text box will usually expand its size automatically.
<input type="text" style="font-size:16pt;">
If you want to set a height that is not proportional to the font size, I would recommend using something like the following. This prevents browsers like IE from rendering the text inside at the top rather than vertically centered.
.form-text{
padding:15px 0;
}
回答4:
<input type="text" style="font-size:xxpt;height:xxpx">
Just replace "xx" with whatever values you wish.
回答5:
With inline style:
<input type="text" style="font-size: 18pt; height: 40px; width:280px; ">or with apart CSS:
HTML:
<input type="text" id="txtbox">CSS:
#txtbox { font-size: 18pt; height: 42px; width : 300px; }
回答6:
If you want multiple lines consider this:
<textarea rows="2"></textarea>
Specify rows as needed.
回答7:
Don't the height and font-size CSS properties work for you ?
回答8:
Use CSS:
<html>
<head>
<style>
.Large
{
font-size: 16pt;
height: 50px;
}
</style>
<body>
<input type="text" class="Large">
</body>
</html>
