向表单添加行和列答案

【问题标题】：Adding rows and columns to a form向表单添加行和列
【发布时间】：2012-01-31 00:13:01
【问题描述】：

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

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

所以现在有一个更大的文本区域，但问题是，当您输入内容时，光标无法访问更大的区域。您仍然只有一个“行”可以输入文本。我试图在 hmtl 中添加一些行和列，但它没有改变任何东西

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

您可以在这里看到问题的关键。知道如何解决这个问题吗？

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

【问题讨论】：

如果你想要多行输入，为什么不使用文本区域？

标签： html css twitter-bootstrap

【解决方案1】：

<input /> 总是只有一行。如果要多行输入区域，需要使用<textarea></textarea>。

【讨论】：

【解决方案2】：

Inputs 只有一行。 Textarea 是多行。看一下这个。 http://jsfiddle.net/CDQ89/7/

【讨论】：