表单美化视频中，关于复选按钮一节的问题

Question

input 设置为display:none,label前面还加了个b标签，这样还要input标签有什么用呢？ 直接把input改写成b标签不可以吗？

Answer 1

这节好久之前看的了，隐约还记得一点。首先需要明确，我们要做的是表单美化，课程里既然使用了隐藏的input，那说明用的是表单提交。input是表单元素，在表单提交的时候，会自动提交结果。换句话说表单提交只会提交表单元素，b标签只是起到美化的作用，和提交没有半毛钱关系，所以需要我们来写一个隐藏的input，把结果写在input中，然后随着表单提交能将数据完整的提交！一般我们表单提交会有两种：1、表单提交：这个大家都很熟悉啦！结合这节课程，思路大概是这样：点击模拟的checkbox的时候，换背景，然后给隐藏的input赋值（true or false），这样提交表单的时候，保证结果能上传，且与表现的效果一致。2、ajax提交：这个东东就和提交的是不是表单没什么关系了，因为提交的参数都要自己来拼参数，所以如果选择这种方式提交的话，我们应该就可以不用写隐藏的input了，直接传一个标志参数后台判断就可以了。个人理解，酱紫~