使用表单属性并将输入元素放在HTML中的表单标签外是不错的做法?

前端之家收集整理的这篇文章主要介绍了使用表单属性并将输入元素放在HTML中的表单标签外是不错的做法?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我刚刚注意到一个有趣的方式,将输入元素放在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>

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

解决方法

这是不常见的做法.在大多数情况下,它没有任何好处,但有一个缺点:一些旧的浏览器不支持表单属性,所以事情根本就不行.

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

form属性支持浏览器中关联一个表单的元素,就像元素在窗体中一样.这在复杂的情况下是有用的,例如表的一行应包含表单的字段,另一个表单的另一行字段等.您不能在表单中包装一行,这里的属性来拯救:您将一个表单元素放在行的一个单元格内并使用form属性在其他单元格的字段中引用该元素.

猜你在找的HTML相关文章