瀏覽器支援
所有主流瀏覽器都支援
重要:如果在HTML表單中使用button元素,則不同的瀏覽器會提交不同的值。 InternetExplorer將提交
注意事項
在使用
1、透過$('#customBtn').val()取得
在IE (IE核心)下這樣用到得的是值是“按鈕”,而不是“test”,非IE下得到的是“test”。參加上面標紅的第一句話。
這一點要和
透過這兩種方式$('#customBtn').val(),$('#customBtn').attr('value')在不同瀏覽器的取得值,如下:
#驗證這一點可以在測試下面的程式碼
<html> <head> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <scripttype="text/javascript"src="jquery-1.4.4.min.js"></script> <scripttype="text/javascript"> $(function(){ $('#test1').click(function(){ alert($('#customBtn').attr('value')); }); $('#test2').click(function(){ alert($('#customBtn').val()); }); }); </script> </head> <body> <buttonid="customBtn"value="test">按钮</button> <inputtype="button"id="test1"value="getattr"/> <inputtype="button"id="test2"value="getval"/> </body> </html>
2、無意中把
<html> <body> <formaction=""> <button>button</button> <inputtype="submit"value="inputsubmit"/> <inputtype="button"value="inputbutton"/> </form> </body> </html>
以上是button和input type=button的區別及注意事項的詳細內容。更多資訊請關注PHP中文網其他相關文章!