你如何增加html文本框的高度？

你如何增加文本框的高度？（连同其字体大小）

我假设你提出的问题是你想在页面渲染后改变大小？

在Javascript中，您可以操作DOM CSS属性，例如：

document.getElementById('textboxid').style.height="200px"; document.getElementById('textboxid').style.fontSize="14pt";

如果您只是想指定高度和字体大小，请使用CSS或样式属性，例如

 //in your CSS file or <style> tag #textboxid { height:200px; font-size:14pt; } <!--in your HTML--> <input id="textboxid" ...>

要么

 <input style="height:200px;font-size:14pt;" .....>

请注意，如果您需要多行文本框，则必须使用<textarea>而不是<input type="text"> 。

增加文本框的字体大小通常会自动扩大其大小。

 <input type="text" style="font-size:16pt;">

如果你想设置一个不与字体大小成正比的高度，我会推荐使用下面的东西。这样可以防止像IE这样的浏览器渲染顶部的文本，而不是垂直居中。

 .form-text{ padding:15px 0; }

 <input type="text" style="font-size:xxpt;height:xxpx">

只需用您希望的任何值replace“xx”即可。

内联风格：

 <input type="text" style="font-size: 18pt; height: 40px; width:280px; ">

或分开的CSS：

HTML：

 <input type="text" id="txtbox">

CSS：

 #txtbox { font-size: 18pt; height: 42px; width : 300px; }

不要height和font-size CSS属性为你工作？

使用CSS：

 <html> <head> <style> .Large { font-size: 16pt; height: 50px; } </style> <body> <input type="text" class="Large"> </body> </html>

如果你想多行考虑这一点：

 <textarea rows="2"></textarea>

根据需要指定行。