href链接和编辑相同的输入文本

时间:2017-07-25 06:56:03

标签: javascript html

我输入了如下文字

<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。有没有其他方法可以实现这一点,所以只有输入内的文本才可以点击

1 个答案:

答案 0 :(得分:0)

遗憾的是,您无法以HTML 4或更低版本的方式提问。即使HTML5有几个新的输入类型,包括URL,它只进行验证并具有一些其他有用的功能,但不会让你想要你想要的。

您可能会寻找一些可以帮助您实现此目的的jQuery插件,大多数使用Rich Text或其他在线/基于Web的HTML WYSIWYG编辑器后面的相同主体。我自己找不到它们。

Coppied

for more information click here