本文将告诉我们表单之外的按钮 HTML 标记是有效的。在开始之前，我们先来谈谈 HTML
HTML
以下是 HTML
<button type= “..”></button>
文档正文中允许文本级标记的任何位置都可以接受按钮元素。这样的元素不需要与表单元素相关。尽管按钮元素具有独特的默认呈现，但最好仅对旨在在单击时执行特定操作的项目使用按钮。
立即学习“前端免费学习笔记（深入）”；
PbootCMS是一款高效、简洁、强悍的开源PHP企业网站开发建设管理系统。 PbootCMS 1.1.8 更新日志：2018-08-07 1.修复提交表单多选字段接收数据问题； 2.修复登录过程中二次登陆在页面不刷新时验证失败问题； 3.新增搜索结果fuzzy参数来控制是否模糊匹配； 4.新增父分类，顶级分类名称及链接独立标签，具体见手册； 5.新增内容多图拖动排序功能。
243
表单外部的按钮元素将 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中文网其它相关文章！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
222
收藏
