按钮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标签在表单外面是否有效?的详细内容,更多请关注双恒网络其它相关文章!
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。



