将行和列添加到表单

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>。