向表单添加行和列

Question

我正在使用Twitter的Bootstrap.css建立一个网站。它带有一些有用的预设html / css类。例如，如果您使用<input class="xlarge">创建表单，则其宽度将超出正常范围。但是，默认表单输入框只有一行，所以我添加了一些css使它成为一个更高的框。

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

所以现在有一个更大的文本区域，但问题是，当你输入内容时，光标无法访问更大的区域。你仍然只有一个＆＃34; row＆＃34;输入文字。我试图在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>。