html5的form属性

表单内容太多,都放在一个form标签里不好布局怎么办?
可以这样

<form id="form-order">
    <input type="hidden" name="uname"/>
</form>

一开始先写一个表单,给一个id,然后在后面的表单控件里加上form属性指向这个表单

<div class="group">
    <label>姓名</label>
    <input type="text" class="uname" placeholder="您的真实姓名" form="form-order"/>
</div>
<div class="group">
    <label>密码</label>
    <input type="text" class="upwd" placeholder="请输入密码" form="form-order"/>
</div>