数据结构
网络
关系型数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
服装设计
法律研究HTML 的 button 标签在表单外部是否有效？
本文将教会我们，button HTML 标签在表单外部是有效的。在我们开始之前，让我们先简单了解一下 HTML 的 <button> 标签。
HTML <button> 标签
HTML 的 <button> 标签使用 <button> 元素创建。在开始和结束标签之间，任何文本都将显示为按钮上的文本。
语法
以下是 HTML <button> 标签的语法
<button type= “..”></button>
在文档正文中允许使用文本级标记的任何位置，都允许使用按钮元素。这样的元素不需要与表单元素相关联。尽管按钮元素具有独特的默认渲染，但最好仅将按钮用于旨在在点击时执行特定操作的项目。
表单外部的按钮元素的 type 属性默认为 button。这意味着只能通过 JavaScript 使其发挥作用。但是，您可能会考虑使用 JavaScript 创建此类按钮，而不是将其作为静态 HTML 文本。
以下是 HTML 按钮标签在表单外部有效的示例。
示例
在以下示例中，我们使用 formid 和 div 在表单外部创建按钮。
<!DOCTYPE html>
<html>
<body>
<div>
<form id="my tutorial" action="https://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>
当脚本执行时，它将生成一个输出，其中包含一个用于名称的输入字段和一个提交按钮。当您点击提交按钮时，表单将提交到提到的表单操作。
更新于： 2022-12-15
2K+ 浏览量
广告