你如何增加一个HTML文本框的高度(how do you increase the height o

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

Answer 1:

我从你的措辞要改变大小的页面渲染后的问题的方式假设？

在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">

只需更换与任何数值需“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>

根据需要指定行。

文章来源: how do you increase the height of an html textbox