16

我把盒子的尺寸变大了。它在 Dream Weaver 设计视图中看起来更大，但似乎在浏览器中不起作用。

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

5 回答 5

16

如果要增加输入字段的高度，可以为输入字段指定line-heightcss 属性。

input {
    line-height: 2em; // 2em is (2 * default line height)
}
于 2012-10-31T18:07:12.903 回答
10

我来这里是为了寻找实际上是多行的输入。原来我不想要输入，我想要一个文本区域。您可以设置其他答案指定的高度或行高，但它仍然只是文本框的一行。如果您想要实际的多行，请改用 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>
于 2016-12-06T14:15:02.783 回答
8

您可以为输入字段定义一个class或。id

或者

input {
    line-height: 20px;
}

希望这对您有所帮助。

于 2012-11-01T11:50:31.113 回答
5

使用 CSS：

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

.bigText {
    height:30px;
}

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

于 2012-10-31T18:06:53.123 回答
4

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

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

或者，通常，您想通过使用填充而不是指定精确高度来增加它的高度：

<input type="text" style="padding: 5px;" name="item" align="left" />
于 2012-10-31T18:08:36.107 回答