在bootstrap或jquery中获取textarea

时间:2016-02-04 15:41:44

标签: html twitter-bootstrap-3

我有一个表格,其中包含名称,地址,年龄的典型输入...使用标准文本框:

<input class="form-control" id="inputdefault" type="text">

对于我的一个输入,我需要一个更大的文本区域类型控件,我没有看到引导版本,我的UI看起来不一致。

是否存在与其他引导文本框一致的元素,只要外观和感觉可以,但允许输入非常宽(几乎整个表单宽度)和高(比文本框高约10倍) )?

3 个答案:

答案 0 :(得分:1)

   <textarea class="form-control" id="inputdefault" rows="4" cols="50">
   </textarea>

您可以使用HTML textarea标记并使用行和列来自行控制大小

rows="#"控制您的包装盒可以容纳的文字行数

cols="#"控制框的宽度

答案 1 :(得分:0)

使用此:

<textarea class="form-control"> 它与其他Bootstrap输入类型一致,您可能也在使用表单控件。

答案 2 :(得分:0)

Bootstrap具有textarea的样式。见:http://getbootstrap.com/css/#textarea。 以Bootstrap文档为例,它的用法如下:

<textarea class="form-control" rows="3"></textarea>

rows属性确定显示的文本行数。在你的情况下,听起来你可能想要这样的东西:

<textarea class="form-control" rows="1"></textarea>