如何在HTML的输入文本字段中创建超链接？

Question

我有一个输入文本字段，用户可以在其中输入网站的名称。是否可以将其超链接，以便在保存字段后，如果用户单击它，它会重定向到网站？在

后端使用Django，前端使用Javascript和html。在

Answer 1

简单地说，如果要在用户的配置文件页面上打印用户的URL，请确保可以按如下方式打印：

<a href='$url'>$url</a>

这是PHP，但是你当然可以用任何语言来实现。我不确定这是否能回答你的问题，因为你问它是否可以“在”字段内打印，这是不可能的/没有意义的。在

但是，考虑一下安全性。请记住，用户可以在该字段中输入任何恶意URL，因此您需要知道您的网站/应用程序中可能将此链接到的人。在

有用资源：

URL HTML字段： https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/url

使用Django验证URL格式（不检查是否恶意）： How can I check if a URL exists with Django’s validators?

Answer 2

输入字段的值存储为纯文本，因此您不能包含HTML（即链接）而期望HTML被解析并正常工作。在

您可以用JavaScript模拟这种行为，但是我建议您不要这样做。（您将添加一个单击侦听器，您的函数将提取字段的值，查看它是否是有效的URL，然后打开该位置。）

我不打算为此编写代码，因为这将是一个糟糕的用户体验。输入字段的标准行为是单击它以编辑文本。这是你的用户的一个假设，因此他们会（a）不想点击它，因为他们不希望它是一个链接，（b）如果他们想编辑文本，只会被重定向而无法编辑文本。在

或者，您可以在输入旁边添加一个小按钮，即“打开”或“测试”或外部链接图标。在