本文将告诉我们表单之外的按钮 HTML 标记是有效的。在开始之前，我们先来谈谈 HTML
HTML
HTML
语法
以下是 HTML
<button type= “..”></button>
登录后复制
文档正文中允许文本级标记的任何位置都可以接受按钮元素。这样的元素不需要与表单元素相关。尽管按钮元素具有独特的默认呈现，但最好仅对旨在在单击时执行特定操作的项目使用按钮。
表单外部的按钮元素将 type=button 作为其默认值。这表明 JavaScript 是其运行的唯一方式。但是，您可能会考虑使用 JavaScript 创建此类按钮，而不是将它们作为静态 HTML 文本。
以下是表单外的 HTML 按钮标记有效的示例。
示例
在下面的示例中，我们使用 formid 和 div 在表单外部创建按钮。
<!DOCTYPE html>
<html>
<body>
<div>
<form id="my tutorial" action="https://www.tutorialspoint.com/index.htm">
<label for="fname">NAME:</label>
<input type="text" name="fname"></input>
</form>
<button type="submit" form="my tutorial">SUBMIT</button>
</div>
</body>
</html>
登录后复制
当脚本执行时，它将生成由名称输入字段和提交按钮组成的输出。当您单击提交按钮时，表单将提交到提到的表单操作。