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

PHPz 转载: 2023-09-23 09:05:02 292浏览

按钮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标签在表单外面是否有效？的详细内容，更多请关注php中文网其它相关文章！

PHP课程 HTML视频教程 CSS视频 JS视频教程 Vue视频教程

声明：本文转载于：tutorialspoint，如有侵犯，请联系admin@php.cn删除

上一条：scrollX属性在JavaScript中的作用是什么？下一条：HTML DOM Anchor protocol Property的中文翻译是"HTML DOM 锚点协议属性"