文本框输入高度

时间:2012-10-31 18:03:28

标签: html css

我把盒子的大小做得更大了。它在Dream weaver设计视图中看起来更大,但似乎在浏览器中不起作用。

<input type="text" **height="60%"**  name=" item" align="left" />

5 个答案:

答案 0 :(得分:9)

如果要增加输入字段的 height ,可以为输入字段指定line-height css属性。

input {
    line-height: 2em; // 2em is (2 * default line height)
}

答案 1 :(得分:7)

您可以为输入字段定义classid

或者

input {
    line-height: 20px;
}

希望这会对你有所帮助。

答案 2 :(得分:4)

使用CSS:

<input type="text" class="bigText"  name=" item" align="left" />

.bigText {
    height:30px;
}

Dreamweaver是一个糟糕的测试工具。它不是浏览器。

答案 3 :(得分:3)

我来到这里寻找的输入实际上是多行。结果我不想要输入,我想要一个textarea。您可以像其他答案指定的那样设置高度或行高,但它仍然只是文本框的一行。如果您想要实际的多行,请使用textarea。以下是宽度为500px的3行文本区域的示例(应该是页面的一个很好的部分,不需要设置它,并且必须根据您的要求进行更改)。

select count(*) from table1
group by field1 = 1

答案 4 :(得分:2)

只需使用CSS来增加它的高度:

<input type="text" style="height:30px;" name="item" align="left" />

或者,通常情况下,您希望通过使用填充而不是指定精确的高度来增加它的高度:

<input type="text" style="padding: 5px;" name="item" align="left" />