文本框输入高度

Question

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

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

Answer 1

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

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

Answer 2

我来这里是为了寻找一个实际上是多行的输入。原来我不想要输入，我想要一个文本区域。您可以按照其他答案指定的方式设置高度或行高，但它仍然只是文本框的一行。如果您想要实际的多行，请改用 textarea。下面是一个宽度为 500px 的 3 行 textarea 的示例（应该是页面的一个很好的部分，没有必要设置这个，必须根据您的要求进行更改）。

<textarea name="roleExplanation" style="width: 500px" rows="3">This role is for facility managers and holds the highest permissions in the application.</textarea>

Answer 3

您可以定义一个class或id用于输入字段.

要么

input {
    line-height: 20px;
}

希望这对你有所帮助.

Answer 4

只需使用 CSS 来增加其高度：

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

或者，很多时候，您希望通过使用填充来增加其高度，而不是指定确切的高度：

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

Answer 5

使用 CSS：

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

.bigText {
    height:30px;
}

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