javascript - 如何在 html 的输入或文本区域内插入标签

标签 javascript jquery html css

我将设计一个文本区域来编写一些公式。由于输入整个公式可能会导致公式错误,因此我认为用户最好从另一个面板拖放变量。我相信 stackoverflow 的标签选项对于此目的可能很有用。
enter image description here

如何设计这样的文本区域?

最佳答案

不能直接将文本框转换为标签。但是您可以通过提供一个包含标签的容器和一个文本框来使其看起来像一个文本框。

<div id="container"><span id="tagContainer"></span>
    <input type="text" id="inputText" placeholder="input here.." />
</div>

使用keypress事件,您可以获取文本框的值并将其附加到tagContainer中。您可以在此处查看实现:JSFiddle

关于javascript - 如何在 html 的输入或文本区域内插入标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38119208/

相关文章:

javascript - 简单的 jquery 第二个计数器

Javascript 语法错误意外标记(文件输入)

javascript - 多个select元素在同一个页面时,如何获取正确的selectedIndex?

html - 图片无法在移动浏览器中加载(抛出 500 错误)

Javascript-开始、停止、重置按钮的回调函数?

html - 使用 css 和 html 绘制带有五边形的框图

javascript - 如何直接从ajax请求的json响应中获取数据

javascript - 如何使用 JQuery 拦截 URL

javascript - 谷歌电子表格如何在不改变焦点的情况下检测单元格点击

javascript - 如何在同一页面上显示 PayPal 智能订阅按钮和 PayPal 智能捕获按钮?