HTML 5 form属性支持_forest调用 form-优快云博客

本文链接：https://blog.youkuaiyun.com/forest_donglin/article/details/12998715

本文深入探讨了HTML5中的form属性如何使HTML控件元素孤立在表单之外，以及如何在提交表单时一并提交这些孤立的控件元素。通过实例演示和解释，读者将了解到如何有效利用这一特性提升网页交互体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<form id="contact_form" method="get">
    <p>
        <label for="name">姓名：</label><input type="text" id="name" name="name">
    </p>
    <p>
        <label for="email">邮箱：</label><input type="email" id="email" name="email">
    </p>
    <input type="submit" id="submit" value="发送">
    <a href="html5-new-form-attribute.html" class="reload">重载当前页</a>
</form>
<p>
    评论：<textarea id="comments" name="comment" form="contact_form [空格传多个id，可以被多个form使用]"></textarea>
</p>

HTML5中的form 属性可以让HTML控件元素孤立在表单之外，然后表单在提交的时候不仅可以提交表单内的控件元素，这个孤立在外的控件元素值也可以一并提交出去

转自：http://www.zhangxinxu.com/wordpress/?p=1715

demo： http://www.zhangxinxu.com/study/201106/html5-new-form-attribute.html

<form action="demo_form.asp" method="get" id="user_form">
First name:<input type="text" name="fname" />
<input type="submit" />
</form>

<form action="demo_form.asp" method="get" id="user_form_2">
First name:<input type="text" name="fname2" form="user_form" />
<input type="submit" />
</form>

input[name="fname2"]元素，定义form属性是user_form，但自己被wrap在user_form_2中。此时如果点击user_form中的提交按钮，input[name="fname2"]元素一并提交，但当点击user_form_2中提交按钮，则提交内容为空

总结：当input定义了form属性，则不管他在那，或是在form内，或是独立于form，他只是属于form属性指定的form元素！！！

注：好文章，烂笔头，好记忆