html做一个文本框和提交按钮,html按钮v.s. HTML提交？

6 个答案:

答案 0 :(得分：11)

您甚至可以这样使用提交按钮：

语义提交按钮用于提交表单而非重定向页面。您应该使用普通按钮类型。然而，正如我所示，你也可以使用提交按钮，但我认为这不是语义。

以下行阻止提交表单。

return false;

这就是您在代码中遗漏的内容：)

由于

答案 1 :(得分：8)

默认情况下，

-elements和不会执行任何操作，除非您告诉他们使用Javascript执行某些操作。

将提交其所在的表单。

所以，如果不起作用，你可能不会在

-element本身。

答案 2 :(得分：4)

如果这是表单中唯一的字段，只需将表单的方法设置为“get”即可。

答案 3 :(得分：3)

表示“在页面中放置一个按钮并执行onclick事件所说的任何操作”。因此，如果您不编写onclick处理程序，则页面不会执行任何操作。

如果你使用提交是好的，因为你想重定向到另一个页面。

如果你想使用按钮，你可以这样做：

function doTheSearch() {

// do the submit mannually

document.getElementById('myForm').submit();

}

警告：使用onclick提交按钮

如果你有一个带有onclick事件的提交按钮(在表单中，它是一个工作提交按钮)，某些浏览器会：

1)执行onclick

2)执行提交

你的onclick尝试重定向，但提交按钮获胜。

如果你想避免它，你有一些选择：

a)将提交按钮更改为普通按钮

b)避免提交事物(添加onsubmit =“return false;”以形成元素)

c)使用提交程序(form action =“...”method =“get”，没有onclick事件)，浏览器会很高兴你可以在onsubmit事件中控制提交(你可以取消它或者不是)。

答案 4 :(得分：1)

确保您使用GET方法获取表单标记中的输入：

... inputs

答案 5 :(得分：1)

如果我理解正确，它不起作用，因为它不在表单标签中。如果你把它放在一个form =“get”的表单标签中，它应该可以工作。该按钮有效，因为它不必是一种形式。