你如何增加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; } 

不要heightfont-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> 

根据需要指定行。