html - 表单动作中的视图源

Question

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

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

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

以上将在视图源中打开 yahoo.com，但没有在表单中输入的 ?key=abc

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

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

有人想吗？德克萨斯州托默

score 0 · Accepted Answer

如果您愿意添加一些 JavaScript：

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

这会更改表单的操作 URL 以包含参数。您还需要添加id="view-source-form"到表单标签或使用其他方式来定位表单。

score 0 · Accepted Answer

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

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

在将 id="form" 添加到 FORM 标记之后，这似乎做得很好

2 回答 2