从超链接填充 HTML 输入字段？

Question

我不确定这是否可能（因此我在这里发帖）。 我无法在任何地方找到任何关于此的文档，所以我要么做不到，要么我是个白痴，错过了一些非常明显的东西。

因此，可以使用如下的 mailto 链接填充 email 的主题行：

<a href="mailto:test@example.com?subject=Testing out mailto!">First Example</a>

我的网站上有一个按钮，显示在所有博客文章下方。 此按钮转到我的留言簿（是的，留言簿仍然存在）。 我想要的是在我的留言簿签名表格上有一个字段，可以自动填充他们来自的链接。 所以我知道引用链接。

因此，例如，如果有人正在阅读https://example.com/post-1

当他们点击“签署我的留言簿”按钮时，它会自动填充“您正在回复的帖子”HTML 输入字段，其中包含https://example.com/post-1

这在普通的旧 HTML 中是否可行？ 如果没有，实现这一目标的最佳方法是什么？

提前致谢！

Answer 1

本质上，您只需要一行 javascript：

document.getElementById('myInput').value = document.referrer;

这是因为：

document.referrer

告诉您您访问的页面的 URL 链接到您现在访问的页面。

---

工作示例：

 const referringPostInput = document.getElementById('referring-post'); referringPostInput.value = document.referrer; referringPostInput.size = referringPostInput.value.length;

 <form> <fieldset> <legend>Post you're responding to:</legend> <input type="url" name="referring-post" id="referring-post" readonly /> </fieldset> </form>