首页  >  文章  >  web前端  >  按钮HTML标签在表单外面是否有效?

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

PHPz
PHPz转载
2023-09-23 09:05:02734浏览

按钮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标签在表单外面是否有效?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文转载于:tutorialspoint.com。如有侵权,请联系admin@php.cn删除