將行和列添加到表單

Question

我正在使用Twitter的Bootstrap.css構建網站。它帶有一些有用的預設html/css類。例如，如果您使用<input class="xlarge">創建表單，它將使用比正常寬度更寬的表單。然而，默認的表單輸入框只有一行，所以我添加了一些CSS來使它更高。

.input-xlarge, 
input.xlarge { 
    height: 70px; 
} 

所以現在有一個更大的文本區域，但問題是，當你去在鍵入內容，更大的面積並不光標訪問。您仍然只有一個「行」來輸入文字。我嘗試添加在HMTL一些行和columsn但它並沒有改變任何東西

<div class="textarea"> 
<input class="xlarge" id="xlInput3" name="xlInput3" type="text" rows="2" columns="70"> 
      </div> 

你可以在這裏看到問題的小提琴。任何想法如何解決這個問題？

http://jsfiddle.net/mjmitche/CDQ89/6/

Answer 1

Inputs是隻有一行。 Textarea是多行。 看看這個。 http://jsfiddle.net/CDQ89/7/

Answer 2

<input />將始終只有一行。如果您想要多行輸入區域，則需要使用<textarea></textarea>。