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

Question

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

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

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

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

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

Answer 1

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

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

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