我一点onclick为什么总是提交表单

下面是一个表单，有一个onclick按钮，点击后上面文本框的内容被添加到下面的文本域中，并可以一直添加，然后点击submit后提交到另一个页面。但是，在Ie9或者火狐浏览器中我一点onclick为什么总是提交表单，在搜狗，360浏览器中并未出现这样的状况。想问是不是浏览器的兼容问题，该如何解决。
<form action="abc.jsp" method="get" >
    <input id = "input" size="30" maxlength="100"   onMouseOver="this.focus()" onFocus="this.select()" />
    <button onclick="document.getElementById('textarea').value+=
document.getElementById('input').value+' '" >add</button>
  </p>
  <p>
    <label for="textarea"></label>
    <textarea name="name" id="textarea" cols="40" rows="5" readonly="true"></textarea>   
    &nbsp;&nbsp;<input type="submit" id="button2" value="submit" />
    <input type="reset"  id="button" value="reset" />
  </p>
</form>