Html 查看表单内的源操作

我需要创建一个表单，以查看源代码格式打开url

我已经尝试将“view source”添加到操作中，这将在view source模式下打开新的url，但没有在url中添加表单参数

<form action="view-source:http://yahoo.com" target="_blank">
  Key: <input type="TEXT" name="key" required>
</form>

关键：

上述内容将在view source中打开yahoo.com，但不包含表单中输入的？key=abc

如果我从操作中删除视图源，它将添加参数，但我必须手动单击视图源

我正在使用chrome，不确定其他浏览器会如何操作

有人吗？德克萨斯州

---

Tomer

如果您愿意添加一些JavaScript：

document.getElementById( 'view-source-form' ).onsubmit = function() {
    this.action += "?key=" + this.key.value;
};

---

这将更改表单的操作URL以包含参数。您还需要将

id=“view source form”

添加到表单标记中，或者使用其他方法来定位表单。

最终，我使用jquery找到了以下解决方案

$("#form").submit(function(event) {
    $("#form").attr("action", "view-source:" + $("#form").attr("action") + "?" + $("#form").serialize());
});

---

这似乎很好地实现了这一点，在将id=“form”添加到表单标记后，我考虑过这一点，但表单中有多个参数，并且经常更新，因此我更喜欢一种更具维护性的方法。您可以动态构建查询字符串。大多数JS框架都为此提供了一个功能，下面是一个普通的JavaScript解决方案：