您好,登錄后才能下訂單哦!
這篇文章主要介紹了HTML button點擊按鈕實例分析的相關知識,內容詳細易懂,操作簡單快捷,具有一定借鑒價值,相信大家閱讀完這篇HTML button點擊按鈕實例分析文章都會有所收獲,下面我們一起來看看吧。
html的代碼如下:
復制代碼
代碼如下:
<div class="test-ft">
<h4 class="shouji">手機號碼兇吉</h4>
<form needcheck="1" method="post" target="_blank" action="http://www.go108.com.cn/go108_mobile_free_sz.php">
<p>
...
</p>
<button class="btn-act">馬上測</button>
</form>
</div>
編碼完成后,在做瀏覽器的兼容性測試是出現了問題:ie6、ie7下點擊按鈕沒反映,跳轉不到指定url,其他瀏覽器卻可以正常跳轉。
一直以為是js控制代碼中出現了問題,所以跟蹤調試很久,始終沒發現問題。后來,發現button沒有指定type為submit,所以懷疑是不是這個問題。
修改添加button的type屬性為submit后,ie6、ie7下功能正常。
過去一直沒有注意過這樣的問題,踩了坑,所以去搜索資料查詢驗證。
復制代碼
代碼如下:
定義和用法type 屬性規定按鈕的類型。提示:請始終為按鈕規定 type 屬性。Internet Explorer 的默認類型是 "button",而其他瀏覽器中(包括 W3C 規范)的默認值是 "submit"。可以看出,其他瀏覽器下默認button點擊后會提交form,而ie默認點擊后是不提交form的,type的默認值也是個瀏覽器兼容性問題,所以mark下。
關于“HTML button點擊按鈕實例分析”這篇文章的內容就介紹到這里,感謝各位的閱讀!相信大家對“HTML button點擊按鈕實例分析”知識都有一定的了解,大家如果還想學習更多知識,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。