javascript - href 链接并在同一输入文本中进行编辑

Question

我输入了如下所示的文本

<input type="text" value="google.com" name="link">

用户可以更改输入并提交表单。在同一输入中，我想显示 href 已设置的值。例如，如果输入文本的值设置为 google.com，则用户可以通过单击输入框中的 url 值转到 google.com。在同一输入框中，用户应该能够通过单击输入框内部来更改输入值

我尝试过

<input type="text" value="<a href='www.google.com'>google.com</a>" name="link">

但这样是不允许的。它将所有文本视为值

如果我使用

<a href="www.google.com"><input type="text" value="google.com" name="link"></a>

然后用户无法编辑字段，因为当他单击输入框中的任意位置时，它会链接到 google.com。有没有其他方法可以实现此目的，以便只有输入中的文本才是可点击的

Answer 1

不幸的是，这不可能按照您在 HTML 4 或更低版本中询问的方式实现。即使 HTML5 具有多种新的输入类型(包括 URL)，它也只进行验证并具有其他一些有用的功能，但不会给您想要的功能。

您可能会寻找一些 jQuery 插件来帮助您做到这一点，大多数插件都使用富文本或其他基于在线/Web 的 HTML WYSIWYG 编辑器背后的相同原理。我自己很难找到它们。

已复制

for more information click here