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

发布时间：2020-12-14 19:31:18 所属栏目：资源来源：网络整理

导读：我刚刚注意到一个有趣的方式,将输入元素放在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/bu

我刚刚注意到一个有趣的方式,将输入元素放在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属性在其他单元格的字段中引用该元素.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!