在表单中使用HTML输入标签和按钮标签

通过将属性类型设置为“按钮”，将生成一个简单的可点击按钮。 您可以使用value属性定义将出现在按钮上的文本，例如“提交”。

例如：

请注意，标记不会提交HTML表单; 您仍然需要包含JavaScript来处理表单数据提交。 如果没有JavaScript onclick事件，按钮看起来是可点击的，但没有任何事情会发生，并且您会让读者感到沮丧。

＆lt;按钮＆gt; 标签替代

尽管使用输入标签创建按钮可以达到其目的，但使用标签创建网站HTML按钮是更好的选择。 例如，标记更加灵活，因为它允许您为按钮使用图像（例如，如果您的网站具有设计主题，这可以帮助您保持视觉一致性），并且可以将其定义为提交或重置类型的按钮而不需要任何额外的JavaScript。

您需要在任何

标签中指定按钮类型属性。 有三种不同的类型：

• 按钮 - 该按钮没有固有的行为，但与在客户端运行的脚本结合使用，该脚本可以附加到按钮并在单击时执行。
• 重置 - 重置所有值。
• 提交 - 按钮提交表单数据到服务器（如果没有定义类型，这是默认值）。

其他属性包括：

• 名称 - 给按钮一个参考名称。
• 值 - 指定最初分配给按钮的值。
• 禁用 - 关闭按钮。

HTML5为

标签添加了一些附加属性，为您提供更多功能。

• 自动对焦 - 页面加载时，指定此按钮为焦点。 一页上只能使用一个自动对焦。
• 表单 - 将按钮与同一HTML文档中的表单关联起来，使用表单的标识符作为值。 例如：

Submit

formaction - 仅用于type =“submit”和一个URL作为值，它指定表单数据的发送位置。 例如：

将表单数据提交到另一个页面

formenctype - 仅与type =“submit”属性一起使用。 定义表单数据在提交给服务器时如何进行编码。 这三个值是application / x-www-form-urlencoded （默认）， multipart / form-data和text / plain。

formmethod - 仅与type =“submit”属性一起使用。 这指定提交表单数据时要使用的HTTP方法，包括get或post。

formnovalidate - 仅用于type =“submit”属性。 表单数据在提交时不会被验证。

formtarget - 仅与type =“submit”属性一起使用。 这表示在提交表单数据时（例如在新窗口中）应该显示站点响应的位置。值选项是_blank，_self，_parent，_top或特定的框架名称。

如果您使用表单，您可能需要阅读制作HTML表单中的按钮 ，以及如何让您的网站更加便于用户使用。