2

这个 type="submit" 的例子在幕后有 javascript 吗？

<html>
<head>
</head>

<body>
    <form action="process.php" method="post">
        Username: <input type="text" name="username" value=""/><br />
        Password: <input type="text" name="username" value=""/><br />
        <input type="submit" value="Submit"/>
    </form>
</body>



因为将数据输入提交到服务器的另一种方式是这样的。

<html>
<head>
    <script>
        function submit(form){
            form.submit();
        }
    </script>
</head>

<body>
    <form action="process.php" method="post">
        Username: <input type="text" name="username" value=""/><br />
        Password: <input type="text" name="username" value=""/><br />
        <input type="button" value="Submit" onclick="submit(this.form);" />
    </form>
</body>



如果是这样，那么我们不需要 javascript 将数据发送到服务器？我对吗？

4

3 回答 3

6

如果使用<input type='submit'>，则无需添加 JavaScript。在这种情况下，即使 JavaScript 被禁用，浏览器也会提交表单。

如果你想使用 JavaScript 提交表单，那么你可以使用上面你写的方法。在这种情况下，您可以使用任何其他控件，然后单击即可提交。

所以，很明显，<input type='submit'>不使用任何 JavaScript。

于 2012-07-29T11:50:06.200 回答
1

您给定的示例不使用 javascript 向服务器提交数据。默认情况下，提交按钮将所有信息从您的表单发送到服务器。但是，您可能需要 javascript 来处理诸如错误检查和发布之类的事情，而无需重新加载单个页面。

于 2012-07-29T12:26:46.677 回答
0

上述代码片段中提到的示例不使用 javascript 进行表单提交。单击时输入按钮具有type="submit"提交表单的默认行为。

因此，无论浏览器中是否启用了 Javascript，都将使用提交按钮提交表单。我们也可以通过以下代码片段使用 javascript 提交表单

document.formName.submit();
于 2012-07-29T12:54:14.267 回答