【问题标题】:Add additonal row to input if text is too long如果文本太长,请在输入中添加额外的行
【发布时间】:2016-10-11 17:02:10
【问题描述】:

问题

如果值文本对于当前输入宽度而言太长(引导响应),我如何对输入进行换行并添加额外的“行”。

当前代码

<input id="someID" type="text" class="form-control" value="some text that is too long for my input width">

该值由传递的 django 变量预填充(但这并不重要)。

示例

http://www.bootply.com/Y1IFdLMpig

【问题讨论】:

  • 您知道输入中没有换行符吗?你想做什么......也许你想使用 textarea 代替......

标签: html css twitter-bootstrap-3 html-input


【解决方案1】:

您是否正在寻找新的输入字段?如果是这种情况,您计算传递的字符并添加另一个输入字段,如果字符数>您定义的任何内容。 如果您希望将输入字段设为多行 - 我的理解是您需要改用 textarea。

<textarea>This is where you put the text.</textarea>

如果您希望它自动调整大小,还可以查看以下内容: Creating a textarea with auto-resize

【讨论】:

  • 如果有人感兴趣,我现在使用textarearows=1,然后通过$("textarea").height( $("textarea")[0].scrollHeight ); 更改高度
猜你喜欢
  • 2021-06-25
  • 1970-01-01
  • 2011-04-10
  • 2016-04-22
  • 1970-01-01
  • 1970-01-01
  • 2015-05-08
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多