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

时间:2018-02-27 21:50:07

标签: javascript python html

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

我使用Django作为后端,使用Javascript和html作为前端。

2 个答案:

答案 0 :(得分:0)

输入字段的值以纯文本形式存储,因此您不能包含HTML(即链接)并期望HTML被解析和运行。

您可以使用JavaScript模拟此行为,但我建议不要使用它。 (您将添加一个单击侦听器,您的函数将拉取该字段的值,查看它是否为有效的URL,然后打开该位置。)

我不会为此编写代码,因为这将是一个糟糕的用户体验。输入字段的标准行为是单击它以编辑文本。这是您的用户所拥有的假设,因此他们会(a)不考虑点击它,因为他们不希望它是一个链接,并且(b)如果他们想要编辑文本,请点击它,只是被重定向,无法编辑文本。

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

答案 1 :(得分:0)

简单地说,如果您在其个人资料页面上打印用户的URL,请确保您可以按如下方式打印它:

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

那是PHP,但当然你可以用任何语言来做。我不确定这是否回答了你的问题,因为你问它是否可以打印&#34;内部&#34;这个领域是不可能的/没有意义。

但是,请考虑安全性。请记住,用户可以在此字段中输入任何恶意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?