今天在做How2J上的一个js小练习时，发现在使用<button>按钮提交表单后，使用js改变的页面元素只是出现了一下后立即消失了。通过仔细研究才了解到：
在表单的提交按钮如果没有type属性，在点击提交按钮后页面会自动刷新，导致使用js改变的页面元素被刷新掉了。
解决方法：
使用<input type="button"></inpu>代替<button>按钮后解决。
错误代码：
<form> <input type="text" id="input1"/> <div id="d1" style="color: greenyellow"></div> <button id="button1" onclick="verify()">验证</button> </form>
正确代码：
<form> <input type="text" id="input1"/> <div id="d1" style="color: greenyellow"></div> <input type="button" id="button1" value="验证" onclick="verify()"></input> </form>