【bug】form内的input有值却不提交的原因，这个bug找了一晚上

1、程序描述

这个页面有两个表单，表单A和表单B。

因为有些内容在要提交的值 li 标签里，所以就把这些不能直接提交的标签里的值、和表单B的内容，放到了表单A。

要问为什么要有表单A，其实我只打算提交表单B，表单A其实没有也可以。（之前用另一种方式提交参数，那时候留下的）

只要里面的元素存在，然后我把元素的值复制到表单B，然后提交。就可以了

2、bug描述

但是、事情没那么简单。

走着debug看着数据生成一步一步的都对。

数据复制到表单B之后我还去查看器（elements）看value是不是复制进去了，这一步也对。

然后到最后这些value值一个都没提交。

3、问题所在

本来点击这个按钮应该触发一个方法，这个方法会把表单A的数据和 li 标签里的value值，复制到表单B，然后提交。

问题就出在这个按钮，这是我提交请求方法的触发按钮，这个按钮是在表单A里的。

虽然他在表单A里，但是讲道理这个button是不会提交的吧，因为他就是一个普通的按钮，被加上了bootsrap的样式。

但是他就是提交了。
 

所以现在的流程变成了给表单B复制数据，提交表单A的神奇操作。

这是w3school上的解释，原来button默认有type属性。

在IE浏览器以外的默认值都是submit

4、解决方案

删掉表单A的form标签就好了，他就不会提交，只走方法了。

但是方法里也包含了提交表单B，不知道为什么那个没有生效，而是提交表单A。

我现在也不知道为什么，希望有知道什么原理的可以在下面评论一下。