文本框輸入高度

我使箱子的尺寸變大了。它在夢想編織者設計視圖中看起來更大，但似乎在瀏覽器中不起作用。文本框輸入高度

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

來源

2012-10-31 user1785939

使用CSS：

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

.bigText { 
    height:30px; 
}

Dreamweaver是一個貧窮的測試工具。它不是一個瀏覽器。

來源

2012-10-31 18:06:53

如果要增加輸入字段的高度，可以爲輸入字段指定line-height css屬性。

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

來源

2012-10-31 18:07:12 Prasanth

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

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

或者說，很多時候，你想增加它的高度通過填充，而不是指定一個確切高度：

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

來源

2012-10-31 18:08:36 Dave

您可以爲輸入字段定義一個class或id。

或者

input { 
    line-height: 20px; 
}

希望這有助於你。

來源

2012-11-01 11:50:31

我來這裏尋找做一個實際上是多行的輸入。原來我不想輸入，我想要一個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>

來源

2016-12-06 14:15:02

歡迎來到SO！你的回答沒有給你提供的其他答案添加任何新的內容，而你的答覆也沒有讀得那麼好，你能否重新修改它。我應該用什麼來代替？文本框？ textarea的？ – Fuzzybear

我編輯它來添加一個例子。輸入只會是一行，一段時間。你可以增加盒子的高度，但是當你擊中盒子的末端時它不會環繞，它會繼續。當你輸入足夠的字符到行尾並開始一個新行時，textarea會圍繞文本進行換行。 –

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

文本框輸入高度

回答

相關問題