本文将告诉我们表单之外的按钮 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>
当脚本执行时,它将生成由名称输入字段和提交按钮组成的输出。当您单击提交按钮时,表单将提交到提到的表单操作。
以上是按钮HTML标签在表单外面是否有效?的详细内容。更多信息请关注PHP中文网其他相关文章!