javascript - 我们可以只使用 css 为标签做输入吗?

标签 javascript jquery html css tags

我管理的网站有一些限制。

我无法添加任何其他库,如自定义 jquery 或 javascript 脚本。

我想为标签自定义输入,所以当用户按下空格时,它会添加一个新标签,但我只有使用 css 的权限。

所以我的问题是:我们能否仅通过使用 css 获得与下图相同的结果?

所以当用户输入他的单词并按下空格时,它会添加另一个标签。

enter image description here

这是我在那里找到的脚本:http://mbenford.github.io/ngTagsInput/

我们将不胜感激任何形式的帮助。

最佳答案

不,因为:

  1. > CSS cannot style substrings of text within an input element.
  2. > CSS cannot detect keypress events because it is only a style language.
  3. > CSS could add an "x" after a string for removing the tag (不使用输入元素),但由于第 2 点,实际上并未删除标签。
  4. 在输入元素中输入文本后,CSS 无法保持/缩进占位符文本。

如果没有 JavaScript,您几乎会陷入困境。

关于javascript - 我们可以只使用 css 为标签做输入吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28012197/

相关文章:

jQuery 验证 - 正则表达式

javascript - 从页面流中移除类似于固定位置的元素

javascript - 无法获取变量以传递给 JavaScript 中的数组

javascript - 如何在 SVG 中沿设定方向移动线条

javascript - 如何在不使用innerHTML的情况下添加特殊的html字符

html - 聊天框固定在最大宽度时不会扩展 <p>

javascript - 如何在本地存储中存储标签值以及如何从本地存储中获取标签值?

移动 iOS 和 Android Safari/Chrome 之间的 JavaScript 差异

javascript - JQuery UI slider 在 fancybox 内不起作用?

html - 正确输出波斯语/阿拉伯数字