html - 如果文本太长,则向输入添加额外的行

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

问题

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

当前代码

<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>This is where you put the text.</textarea>

如果你想让它自动调整大小,你也可以看看下面的内容: Creating a textarea with auto-resize

关于html - 如果文本太长,则向输入添加额外的行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37753122/

相关文章:

php - 如何通过网络传送音乐(渐进/下载)而不暴露 mp3 的 URL(即使在 webkit 浏览器中)

css - 如何恢复 Bootstrap 3 按钮的悬停效果?

html - Flexbox child ,行和列的混合

javascript - jQuery 对具有不同类型列(例如文本、数字和日期)的 html 表进行排序 :

html - 在 html 页面上定位多个 d3 图的问题

html - CSS 底部 :0 not working when creating timeline?

css - 在桌面上隐藏一个div

html - 带表格单元格的 Div 只能使用 1 次

html - text-center 和 text-right 在 bootstrap 中不起作用

css - 查看 Bootstrap 3 中使用的当前列类别