2012-10-31 117 views
8

我使箱子的尺寸变大了。它在梦想编织者设计视图中看起来更大,但似乎在浏览器中不起作用。文本框输入高度

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

回答

3

使用CSS:

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

.bigText { 
    height:30px; 
} 

Dreamweaver是一个贫穷的测试工具。它不是一个浏览器。

7

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

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

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

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

或者说,很多时候,你想增加它的高度通过填充,而不是指定一个确切高度:

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

您可以为输入字段定义一个classid

或者

input { 
    line-height: 20px; 
} 

希望这有助于你。

1

我来这里寻找做一个实际上是多行的输入。原来我不想输入,我想要一个textarea。您可以设置其他答案指定的高度或线条高度,但它仍然只是文本框的一行。如果你想要多行,请使用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> 
+1

欢迎来到SO!你的回答没有给你提供的其他答案添加任何新的内容,而你的答复也没有读得那么好,你能否重新修改它。我应该用什么来代替?文本框? textarea的? – Fuzzybear

+0

我编辑它来添加一个例子。输入只会是一行,一段时间。你可以增加盒子的高度,但是当你击中盒子的末端时它不会环绕,它会继续。当你输入足够的字符到行尾并开始一个新行时,textarea会围绕文本进行换行。 –

+0

谢谢@Joey Cusimano好多了:) – Fuzzybear