HTML button點(diǎn)擊按鈕實(shí)例分析

這篇文章主要介紹了HTML button點(diǎn)擊按鈕實(shí)例分析的相關(guān)知識(shí)，內(nèi)容詳細(xì)易懂，操作簡(jiǎn)單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇HTML button點(diǎn)擊按鈕實(shí)例分析文章都會(huì)有所收獲，下面我們一起來(lái)看看吧。

html的代碼如下： 

復(fù)制代碼

代碼如下:

<div class="test-ft"> 
<h4 class="shouji">手機(jī)號(hào)碼兇吉</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">馬上測(cè)</button> 
</form> 
</div> 

編碼完成后，在做瀏覽器的兼容性測(cè)試是出現(xiàn)了問(wèn)題：ie6、ie7下點(diǎn)擊按鈕沒(méi)反映，跳轉(zhuǎn)不到指定url，其他瀏覽器卻可以正常跳轉(zhuǎn)。 
一直以為是js控制代碼中出現(xiàn)了問(wèn)題，所以跟蹤調(diào)試很久，始終沒(méi)發(fā)現(xiàn)問(wèn)題。后來(lái)，發(fā)現(xiàn)button沒(méi)有指定type為submit，所以懷疑是不是這個(gè)問(wèn)題。 
修改添加button的type屬性為submit后，ie6、ie7下功能正常。 
過(guò)去一直沒(méi)有注意過(guò)這樣的問(wèn)題，踩了坑，所以去搜索資料查詢驗(yàn)證。 

復(fù)制代碼

代碼如下:

定義和用法type 屬性規(guī)定按鈕的類(lèi)型。提示：請(qǐng)始終為按鈕規(guī)定 type 屬性。Internet Explorer 的默認(rèn)類(lèi)型是 "button"，而其他瀏覽器中（包括 W3C 規(guī)范）的默認(rèn)值是 "submit"?？梢钥闯觯渌麨g覽器下默認(rèn)button點(diǎn)擊后會(huì)提交form，而ie默認(rèn)點(diǎn)擊后是不提交form的，type的默認(rèn)值也是個(gè)瀏覽器兼容性問(wèn)題，所以mark下。 

關(guān)于“HTML button點(diǎn)擊按鈕實(shí)例分析”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對(duì)“HTML button點(diǎn)擊按鈕實(shí)例分析”知識(shí)都有一定的了解，大家如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道。