Question

我有这段代码，我使用formaction属性返回home.html 但是由于必需的属性而无法正常工作。

<form action="post">
Name:
<input type="text" name="name" required>
<br>
Email:
<input type="email" name="name" required>
<button name="Send" id="send">Send</button>
<button name="Return" id="return" formaction="home.html">Return</button>
</form>

Answer 1

formaction属性可以正常工作。我可以使用浏览器开发人员工具中的“网络”选项卡观察到，当我单击Return（在您的问题的实时演示中）时，表单已提交到home.html。

required字段仍然是必填字段（因此，在此之前我必须填写它们），但这是可以预期的。

听起来您的目标是提供一个例外，并且在将表单提交到Return时不需要用户输入任何数据。

如果不添加一堆JS是不可能的，但是首先是从错误的角度解决问题。

您似乎希望用户单击某些内容，这将中止填写表单，然后仅转到另一个URL。没有数据提交。

这不是提交按钮的工作。

改为使用链接。

<a href="home.html">Return</a>

如果希望CSS像按钮一样外观，则可以应用CSS，但我不建议这样做。按钮的视觉外观意味着表单数据将被发送到某个地方，而这并不是您要做的。

Answer 2

您应该在表单标签上访问主页

<form action="home.html" method="POST">

并提交

<input type="button" name="Return" id="return">

当输入文本具有必需属性时，Formaction属性不起作用

2 个答案: