HTML form表单中id属性与name属性的区别

发布于 | 更新于 | 分类于 web前端| 标签 、、、| 0
  1. <form role="form" action="{:url('/user')}" method="post">
  2. <div class="form-group">
  3. <label for="name">用户名：</label>
  4. <input type="text" class="form-control" name = "name" id="name" placeholder="请输入名称">
  5. </div>
  6. <div class="form-group">
  7. <label for="name">密码：</label>
  8. <input type="text" class="form-control" name="password" id="password" placeholder="请输入名称">
  9. </div>
  10. <div class="form-group">
  11. <label for="name">确认密码：</label>
  12. <input type="text" class="form-control" name="re_password" id="re_password" placeholder="请输入名称">
  13. </div>
  14. <div class="form-group">
  15. <label for="name">邮箱</label>
  16. <input type="text" class="form-control" name="email" id="email" placeholder="请输入名称">
  17. </div>
  18. <div class="checkbox">
  19. <label for="name">内联的复选框和单选按钮的实例</label>
  20. <div>
  21. <label class="radio-inline">
  22. <input type="radio" name="gender" id="male" value="male" checked> 男
  23. </label>
  24. <label class="radio-inline">
  25. <input type="radio" name="gender" id="female" value="female"> 女
  26. </label>
  27. </div>
  28. <button type="submit" class="btn btn-success w-100">提交</button>
  29. </form>
<form role="form" action="{:url('/user')}" method="post">
                    <div class="form-group">
                        <label for="name">用户名：</label>
                        <input type="text" class="form-control" name = "name" id="name" placeholder="请输入名称">
                    </div>
                    <div class="form-group">
                        <label for="name">密码：</label>
                        <input type="text" class="form-control" name="password" id="password" placeholder="请输入名称">
                    </div>
                    <div class="form-group">
                        <label for="name">确认密码：</label>
                        <input type="text" class="form-control" name="re_password" id="re_password" placeholder="请输入名称">
                    </div>
                    <div class="form-group">
                        <label for="name">邮箱</label>
                        <input type="text" class="form-control" name="email" id="email" placeholder="请输入名称">
                    </div>
                    <div class="checkbox">
                        <label for="name">内联的复选框和单选按钮的实例</label>
                        <div>
                            <label class="radio-inline">
                                <input type="radio" name="gender" id="male" value="male" checked> 男
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="gender" id="female"  value="female"> 女
                            </label>
                    </div>
                    <button type="submit" class="btn btn-success w-100">提交</button>
                </form>

上述键值对，表单中的name属性作为键，id属性作为值。传入到后端。

更正：name作为键、value作为值。关于id、name和value的区别可参考：https://blog.csdn.net/wem603947175/article/details/83004364

作者： 高志远

高志远，24岁，男生

发表评论

邮箱地址不会被公开。