使用输入标记在HTML中创建可自定义的文本按钮。输入元素在表单元素中使用。

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

输入标签不会提交HTML表单；必须包含JavaScript以处理表单数据提交。如果没有JavaScript onclick事件，按钮将看起来是可点击的，但什么也不会发生，您将使您的读者感到沮丧。

“按钮”标签可供选择

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

在任何按钮标记中指定按钮类型属性。有三种不同的类型：

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

其他属性包括：

• 名称：为按钮提供一个引用名称。
• 值：指定最初分配给按钮的值。
• 禁用：关闭按钮。

按钮更进一步

HTML5为按钮标签添加了附加属性，以扩展其功能。

• 自动聚焦：加载页面时，此选项指定此按钮为焦点。一页上只能使用一个自动对焦。
• 表单：使用表单标识符作为值，将按钮与同一HTML文档中的特定表单相关联。
• formaction：仅与type=“submit”和URL作为值一起使用，它指定表单数据将发送到哪里。通常，目标是PHP脚本或类似的东西，
• formenctype：仅与type=“submit”属性一起使用。定义表单数据提交到服务器时的编码方式。这三个值是application/x-www-form-urlencoded（默认）、multipart/form数据和text/plain。
• formmethod：仅与type=“submit”属性一起使用。这指定提交表单数据时使用的HTTP方法，get或post。
• formnovalidate：仅与type=“submit”属性一起使用。表单数据在提交时不会被验证。
• formtarget：仅与type=“submit”属性一起使用。这表示提交表单数据时应在何处显示站点响应，例如在新窗口中等。值选项为_blank、_self、_parent、_top或特定帧名称。

阅读更多关于在HTML表单中创建按钮的信息，以及如何使您的站点更友好。