使用form属性并将输入元素放在HTML中的form标签之外是一种好习惯吗?

Ji_*_*ing 13 html forms input include

我刚刚注意到了一种将输入元素放在form标签之外的有趣方法.

<html>
    <!-- the form element -->
    <form id="testform" method="post" action="index.asp">
        <label for="text1">Text: </label>
        <input type="text" id="text1" name="text1" />
        <button type="submit">Submit</button>
    </form>

    <!--- element outside form tag -->
    <label for="text2">Additional Text: </label>
    <input type="text" id="text2" name="text2" form="testform" />

</html>
Run Code Online (Sandbox Code Playgroud)

我只是想知道这样做是否常见.应该避免这种方法吗?尝试谷歌搜索类似的讨论,但我真的不知道如何说这个.

Juk*_*ela 12

这不常见.在大多数情况下,它没有任何好处,但有一个缺点:一些旧的浏览器不支持该form属性,所以事情就不适用于它们.

一个input一个外界因素form元素一直被允许的.如果没有form属性,这样的元素就不会参与任何表单提交.但它可以与客户端脚本一起使用.

form属性在支持浏览器时将元素与表单相关联,就像元素在表单内部一样.这在复杂的情况下非常有用,例如,表格的一行应该包含表格的字段,另一个表格的另一个字段等等.你不能只在表格中包裹一行,这里属性来拯救:你放一个form行的一个单元和内部元件指的是元件,在其他细胞中的字段form属性.