HTML 表单提交问题答案

【问题标题】：HTML Form Submission IssuesHTML 表单提交问题
【发布时间】：2015-07-09 08:00:03
【问题描述】：

我正在制作一个带有单字段表单的基本登录页面。这是我第一次涉足形式，如果这是基本的或明显的，请原谅我。

这是表单的代码：

<form action="#" method="post" onsubmit="alert('Thank you - we'll send an invite soon.')">
    <p><label for="email">ENTER YOUR EMAIL: </label><input type="email" id="email" name="email"/>
    <input name="Submit" type="button" value="Submit"/></p>
</form>

如您所见，它非常基本。但是，提交按钮不起作用；您必须按 Enter 才能提交表单。最重要的是，我也无法让 onsubmit 警报正常工作。我已经尝试了上千种不同的配置，但收效甚微，但我已经走到了尽头。

【问题讨论】：

javascript 字符串中的单引号也会导致一些问题......我们会
把你的type="button"改成type="submit"
Submitting a form using <input type ="button"> 的可能重复项

标签： javascript html forms

【解决方案1】：

更改要提交的按钮类型

<input name="Submit" type="submit" value="Submit"/>

【讨论】：

【解决方案2】：

更改 Button 类型以提交并修复您的 Javascript，您有一个额外的撇号：

<form action="#" method="post" onsubmit="alert('Thank you - we will send an invite soon.');">
    <p><label for="email">ENTER YOUR EMAIL: </label><input type="email" id="email" name="email"/>
    <input name="Submit" type="submit" value="Submit"/></p>
</form>

【讨论】：

如果你愿意，你可以简单地用反斜杠转义撇号。

【解决方案3】：

type="button" 不是提交按钮。这是一个“什么都不做”按钮，您可以从中挂起 JavaScript。

您正在寻找type="submit"。

【讨论】：

【解决方案4】：

由于您想提交您要使用的表单 input type = submit 。例如：

<input type="submit" value="Submit"/>

你也可以使用

<button type="submit"> Submit </button>

【讨论】：