今天在做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>