how do you increase the height of an html textbox

2020-02-19 02:43发布

站内问答 / 前沿技术
1570 8 4

How do you increase the height of an textbox? (along with its font size)

标签： html textbox
举报
8条回答
不美不萌又怎样
2楼-- · 2020-02-19 03:15

Don't the height and font-size CSS properties work for you ?

查看更多
0人赞 添加讨论(0) 举报
干净又极端
3楼-- · 2020-02-19 03:16

  • With inline style:

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

  • or with apart CSS:

    HTML:

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

    CSS:

    #txtbox {
    font-size: 18pt;
    height: 42px;
    width : 300px;
}
查看更多
0人赞 添加讨论(0) 举报
家丑人穷心不美
4楼-- · 2020-02-19 03:18

Use CSS:

<html>
<head>
<style>
.Large
{
    font-size: 16pt;
    height: 50px;
}
</style>
<body>
<input type="text" class="Large">
</body>
</html>
查看更多
0人赞 添加讨论(0) 举报
干净又极端
5楼-- · 2020-02-19 03:20

If you want multiple lines consider this:

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

Specify rows as needed.

查看更多
0人赞 添加讨论(0) 举报
我只想做你的唯一
6楼-- · 2020-02-19 03:25

I'm assuming from the way you worded the question that you want to change the size after the page has rendered?

In Javascript, you can manipulate DOM CSS properties, for example:

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

If you simply want to specify the height and font size, use CSS or style attributes, e.g.

//in your CSS file or <style> tag
#textboxid
{
    height:200px;
    font-size:14pt;
}

<!--in your HTML-->
<input id="textboxid" ...>

Or

<input style="height:200px;font-size:14pt;" .....>
查看更多
0人赞 添加讨论(0) 举报
smile是对你的礼貌
7楼-- · 2020-02-19 03:30

Increasing the font size on a text box will usually expand its size automatically.

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

If you want to set a height that is not proportional to the font size, I would recommend using something like the following. This prevents browsers like IE from rendering the text inside at the top rather than vertically centered.

.form-text{
    padding:15px 0;
}
查看更多
0人赞 添加讨论(0) 举报
1 2 下一页
登录 后发表回答
相关问题
查看全部
相关文章
查看全部
收藏的人(4)