jquery - 在提交输入之前增加 Bootstrap 标签输入的大小

标签 jquery html css twitter-bootstrap

enter image description here

我需要使用像控件这样的标签输入来处理用户在一个字段中输入的多个 url,具有与标准标签输入相同的用户体验,例如当您标记问题时在 stakeoverflow 上的那个。

Bootstrap Tags 输入似乎可以很好地完成工作(据我测试过)但我注意到在您实际将 url 字符串提交到输入字段之前,该字符串被截断了。单击返回后,该 url 将被正确捕获为上面屏幕截图中的第一个 url。

如何在提交 url(在编辑模式下)之前增加字符串 url 的限制,以便用户可以看到完整的链接。

请尝试将链接作为“标签”粘贴到 Bootstrap 标签输入第一个示例中 here来测试这种行为。

如果使用此插件无法做到这一点,能否请您推荐一个与标签输入具有相同功能但更适合任何大小的 url 的插件。

最佳答案

你可以看到在输入框中有一个指定的宽度,只需将它增加到 style="width: 200px"

<input type="text" placeholder="" style="width: 200px !important;" size="42" data-role="tagsinput" />

你可以设置它的宽度,这样值就不会被截断

关于jquery - 在提交输入之前增加 Bootstrap 标签输入的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30029032/

相关文章:

javascript - 如何叠加两个透明背景图像

html - 如何将水平滚动条放入内部有表格的流体 DIv 中

javascript - 如何在 jQuery 中返回空字段的名称值

php - 如何用php加密帖子上的数据

javascript - 如何回调给定的函数

javascript - 无法使用 JQuery 显示模态框

javascript - 使用 jQuery 获取 URL 参数并将它们显示在 HTML 输入文本字段中

javascript - Wordpress - 未捕获的语法错误 : Unexpected token <

jquery - 使用 jQuery 获取位置 :absolute content is running twice, 的高度第二次返回不正确的值

javascript - html页面完全加载时无法保留文本框值