关于input元素form属性的疑问：能否关联多个form？

Great question—this is such a common point of confusion when cross-referencing different docs, so let’s break this down clearly:

The Current HTML Standard Says Yes #

The living HTML standard (maintained by WHATWG) explicitly allows the form attribute to accept a space-separated list of form IDs. This means an <input> can absolutely be associated with multiple <form> elements. Here’s a quick example of how it works:

<form id="profile-form"><button type="submit">Save Profile</button></form>
<form id="newsletter-form"><button type="submit">Subscribe</button></form>
<input type="email" form="profile-form newsletter-form" name="user-email">

When either form’s submit button is clicked, this input’s value will be included in the form data sent to the server.

Why the Documentation Discrepancy? #

• W3Schools’ documentation reflects this updated standard correctly, noting that you can use a space-separated list of IDs for multiple form associations.
• MDN’s documentation likely has outdated content in some sections. While MDN is generally a top-tier resource, older entries might not have been updated to match the latest living standard changes. If you check MDN’s browser compatibility section for the form attribute, you’ll likely see support for multiple IDs listed for modern browsers.

A Quick Note on Browser Support #

Modern browsers (Chrome, Firefox, Edge, Safari 15.4+) fully support multiple form associations via the form attribute. If you need to support older browsers (like Safari versions before 15.4), you’ll want to use a fallback—either duplicate the input across forms or use JavaScript to sync values between the input and target forms.

内容的提问来源于stack exchange，提问作者Karem Gmeay