Question

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

Answer 1

我假设你想要在页面呈现后改变大小的问题吗？

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

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;" .....>

Answer 2

请注意，如果您需要多行文字框，则必须使用<textarea>代替<input type="text">。

Answer 3

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

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

如果您想设置与字体大小不成比例的高度，我建议您使用以下内容。这可以防止像IE这样的浏览器将文本呈现在顶部而不是垂直居中。

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

Answer 4

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

只需将“xx”替换为您想要的任何值。

Answer 5

使用内联样式：

<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;
}

Answer 6

height和font-size CSS属性不适合您吗？

Answer 7

使用CSS：

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

Answer 8

如果您想要多行考虑：

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

根据需要指定行。