<button>标签与<input type="button">标签

<script type="text/javascript" src="/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
　　function formAction(){
　　　　alert("此为form标签测试>>>"+$("#text1").val());
　　}
　　function buttonClick(){
　　　　alert("此为button按钮onclick测试>>>"+$("#text1").val());
　　}
</script>
<form action="javascript:formAction()" method="get">
　　<input type="text" name="text1" id="text1" value="弹窗测试" />
　　<button onclick="javascript:buttonClick()">button</button>
</form>

在form标签中点击button按钮后会先执行onclick操作 然后执行form.submit操作

点击button后结果：

此为button按钮onclick测试>>>弹窗测试

此为form标签测试>>>弹窗测试