Question

希望这里有一个简单的问题。如果在HTML中，我有一个这样的表单：

<form name="f_input" action="Test="+num target="TargetFrame" method="get">
Set Number: <input type="text" name="num" value="10">
<input type="submit" value="Submit">
</form>

当我点击按钮时，它（在单独的TargetFrame框架中）变为“Test =？num = 10”。我希望它去“Test = 10”，我该怎么做？

Answer 1

HTML表单不提供该功能。

你能得到的最接近的是：

action="/"

和

name="Test" value="10"

会给你：/?Test=10

如果你真的只想要Test=10，那么你必须使用JavaScript来捕获表单的提交事件并覆盖正常的表单行为。这增加了对JavaScript的依赖，因此不是一个好主意。最好修改程序的服务器端来处理标准表单提交方案。

document.querySelector('form').addEventListener("submit", customSubmission);

function customSubmission(evt) {
    evt.preventDefault();
    document.frames.TargetFrame.src = "Test=" + encodeURIComponent(this.elements.num.value);
}

简单的HTML表单操作

1 个答案: