如何增加html文本框的高度_Html_Textbox

如何增加html文本框的高度

html

如何增加html文本框的高度,html,textbox,Html,Textbox,如何增加文本框的高度？（连同字体大小）根据您的措辞，我假设您希望在页面呈现后更改大小在Javascript中，您可以操作，例如： document.getElementById('textboxid').style.height="200px"; document.getElementById('textboxid').style.fontSize="14pt"; 如果您只想指定高度和字体大小，请使用CSS或样式属性，例如 //in your CSS file or <style>

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

根据您的措辞，我假设您希望在页面呈现后更改大小

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

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

//在CSS文件或标记中
#textboxid
{
高度：200px；
字号：14pt；
}

或

和CSS属性不适合您吗？

使用CSS：

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


.大
{
字号：16pt；
高度：50px；
}

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

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

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

注意，如果您想要多行文本框，您必须使用

而不是

使用内嵌样式：

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

如果您想要多行，请考虑如下：

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

根据需要指定行。

很好，因为我假设他想同时设置这两个行，但是如果只是为了增加文本框的大小以适应大文本，那么这将是理想的解决方案。您不应该对css使用显式pt或px测量，你应该经常使用ems来增加可访问性。我也有同样的问题，高度不起作用：（因为搜索，我明天会发布一个新问题当你发布代码示例时，也会发布解释。这使得文本从文本框的垂直中心呈现，如何避免这种情况？

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

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

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

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