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>

我将a，b和c填入username，change_color和license_id文本框，但浏览器仅上传username中的数据。

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

有谁可以告诉我为什么浏览器不会在元素中上传数据？

非常感谢！

Answer 1

与某些评论者所说的不同，根据HTML5 RFC，很可能通过使用显式FORM属性从表单中reassociateable elements 中获取 我同意将它们全部分组在表单中更好。

在您的情况下，尽管您已在字段集中指定了form属性，但必须具有form属性的元素才是INPUT属性。

[HTML]如果<fieldset>标记位于<form>标记

1 个答案: