button和input type=button的區別及注意事項
瀏覽器支援
所有主流瀏覽器都支援
注意事項
在使用value的值
在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中文網其他相關文章！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
html怎麼設定button大小及顏色
Mar 05, 2021 pm 05:16 PM
在html中，可以使用width和height屬性來設定button元素的大小，使用background-color屬性來設定button元素的顏色，具體語法為「button{width:寬度值;height:高度值;background-color: 顏色值;}」。
vue3怎麼封裝input元件和統一表單數據
May 12, 2023 pm 03:58 PM
準備工作用vuecreateexample建立項目，參數大概如下：用原生input原生的input，主要是value和change，資料在change的時候需要同步。 App.tsx如下：import{ref}from'vue';exportdefault{setup(){//username就是資料constusername=ref('張三');//輸入框變化的時候，同步資料constonInput=;return( )=>({
laravel input隱藏域怎麼實現
Dec 12, 2022 am 10:07 AM
laravel input隱藏域的實作方法：1、找到並開啟Blade模板檔案；2、在Blade模板中使用method_field方法來建立隱藏域，其建立語法為「{{ method_field('DELETE') }}」。
點選input框沒有遊標怎麼辦
Nov 24, 2023 am 09:44 AM
點選input框沒有遊標的解決方法：1、確認輸入框焦點；2、清除瀏覽器快取；3、更新瀏覽器；4、使用JavaScript；5、檢查硬體設備；6、檢查輸入框屬性；7、調試JavaScript程式碼；8、檢查頁面其他元素；9、考慮瀏覽器相容性。
Vue文檔中的input框回車事件和驗證函數使用方法
Jun 20, 2023 am 09:13 AM
Vue是一個流行的JavaScript前端框架，它的核心是響應式資料綁定和元件系統。在Vue的應用程式中，input框是最常用的UI元素之一。在使用者輸入文字時，我們希望可以監聽回車事件，並且在提交前對輸入內容進行驗證。本篇文章將介紹Vue文件中的input框回車事件和驗證函數使用方法。一、Vue中input框回車事件在Vue中監聽input框的回車事件非常簡
Vue文件中的input框綁定事件詳解
Jun 21, 2023 am 08:12 AM
Vue.js是一種輕量級的JavaScript框架，具有易用、高效和靈活的特點，是目前廣受歡迎的前端框架之一。在Vue.js中，input框綁定事件是十分常見的需求，本文將詳細介紹Vue文件中的input框綁定事件。一、基礎概念在Vue.js中，input框綁定事件指的是將輸入框的值綁定到Vue實例的資料物件中，從而實現輸入和回應的雙向綁定。在Vue.j
使用Python的input()函數從使用者取得輸入
Aug 22, 2023 am 11:21 AM
標題：使用Python的input()函數從使用者取得輸入在編寫程式時，經常需要從使用者取得輸入。 Python提供了一個內建函數input()，可以用來取得並接收使用者的輸入。本文將介紹如何使用input()函數以及一些常見的應用場景。 input()函數用法非常簡單，它接受一個可選的提示訊息作為參數，並等待使用者輸入。使用者輸入之後，input()函數會傳回一個
我們如何在HTML中新增單行輸入欄位？
Aug 20, 2023 pm 05:45 PM
使用<isindex>標籤新增單行輸入欄位。 HTML<isindex>標籤用於透過文字欄位查詢文件。該標籤可以在任何地方使用，但最好放在head標籤中。注意：這是一個已棄用的標籤，不應該使用。以下是屬性清單−屬性值描述Prompt字串文字欄位的標籤ActionURL在需要將查詢傳送到不同的URL時使用範例嘗試下面的程式碼−<!Doctypehtml><html
