[HTML]如果 <fieldset> 标签在 <form> 标签之外，如何在 <fieldset> 元素中上传值

Question

这里是 HTML 代码：

<!DOCTYPE html>
<html>
    <head>
        <title>Javascript</title>
    </head>
    <body>
        <form action="/check" id="demo" method="post" name="demo">
            <input type="text" name="username" />username
            <button type="button"
                onclick="form.change_color.style.backgroundColor='#00FF00';">change
                fieldset background</button>
            <button type="button"
                onclick="activateFieldset()">activate fieldset</button>
            <input type="submit" value="submit" />
        </form>
        <fieldset form="demo" name="change_color">
            <input type="password" name="password" />password
        </fieldset>
        <fieldset form="demo" disabled="disabled" name="license" id="license">
            <input type="text" name="license_id" />license_id
        </fieldset>
        <script>
            function activateFieldset(){
                var e = document.getElementById("license");
                e.disabled = "";
            }
        </script>
    </body>
</html>

我在username、change_color和license_id文本框中分别填写了a、b和c，但是浏览器只上传username.

中的数据

我试过Chrome/Opera/Firefox，他们都是这样。

谁能告诉我为什么浏览器不上传元素中的数据？

非常感谢！

Answer 1

与某些评论者所说的不同，通过使用显式 FORM 属性，很可能 reassociateable elements 超出一个表单，根据到 HTML5 RFC（尽管我同意将它们全部分组在表格中更好）。

在你的情况下，虽然你在字段集中指定了 form 属性，但碰巧必须具有 form 属性的元素是 INPUT 元素。

[HTML]如果 <fieldset> 标签在 <form> 标签之外，如何在 <fieldset> 元素中上传值

[HTML]how to upload values in the <fieldset> element if the <fieldset> tag is outside of the <form> tag

html

fieldset