按钮HTML标签在表单外面是否有效？

百变鹏仔 3个月前 (09-21) #HTML

文章标签表单

本文将告诉我们表单之外的按钮 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>

当脚本执行时，它将生成由名称输入字段和提交按钮组成的输出。当您单击提交按钮时，表单将提交到提到的表单操作。

文章推荐

按钮HTML标签在表单外面是否有效？

HTML 标签

语法

示例

html代码是什么

值得一学的6个前端HTML+CSS特效

html怎么设置字体

怎么隐藏html标签

html怎么设置编码utf8