在窗体中使用按钮时,是否需要为按钮声明 type= "submit"?



我是编程新手,如果我的问题不合适或不符合社区准则,请原谅我。

我在youtube上学习教程,这是简化的代码:

<form class="form" id="form">
<input type="text" id="input" autocomplete="off"/>
<button type="submit" class="btn">Submit</button>
</form>

我的问题是,为什么需要声明type="提交">?我试着去掉了打字,看起来效果不错。

此外,我在StackOverflow上看到了另一个问题,该问题指出,在表单中使用按钮时,按钮的默认值已提交。

教程中的人只是彻底的,还是有其他原因需要说明?

您不需要这样做,因为button的默认typesubmit

但是,你必须这样做,因为你的目的不是写一些";只是起作用";。您90%的时间阅读代码,10%的时间编写代码,因此可读性是必不可少的。(尽管有些奇怪的地方目的恰恰相反,但这是一个边缘案例(

如果表单太大,以至于你不知道提交按钮是否在表单中,那么简单地说明type="submit"就会让你清楚地知道它在表单中

在编码中有许多的例子,你只需写";不必要的";用于文档目的的代码,例如将函数命名为catchButterfly()而不是f()

一般来说,对您编写的每一段代码都要非常详细和明确始终是一种很好的做法,因为这只是额外的几行代码,但优势是巨大的。

<button type="submit"><button>是一回事。

原因是按钮的默认类型是提交。

所以,如果你愿意,你可以把它关掉。如果不希望按钮提交表单,则需要使用type="button"

MDN或www.w3.org 上的文档对此进行了解释

删除后效果良好,因为提交是默认类型:

https://html.spec.whatwg.org/multipage/form-elements.html#attr-按钮式

最新更新