HTML標籤 易混易錯小總結

糾結了一天，終於把HTML標籤的正確使用，各自的適用性清楚地瞭解了一下，這裡簡單總結一下以免再犯類似的錯誤。

一切都是由於這樣的一個問題

將以上代碼運行，當什麼也不輸入時電擊“登入”按鈕，會提示“使用者名稱不可為空”，但是僅出現一下就會閃退。是什麼原因呢？

關鍵是這裡

此時會有兩個事件觸發，首先調用onclick對應的函數，然後再進行自動submit（因為此時type的類型為submit），自然會將提示覆蓋掉。所以將type設定成button即可解決。

下面簡單總結一下，

HTML 標籤的 type 屬性

值	描述
button	定義可點擊按鈕（多數情況下，用於通過 JavaScript 啟動指令碼）。
checkbox	定義複選框。
file	定義輸入欄位和 "瀏覽"按鈕，供檔案上傳。
hidden	定義隱藏的輸入欄位。
image	定義映像形式的提交按鈕。
password	定義密碼欄位。該欄位中的字元被掩碼。
radio	定義選項按鈕。
reset	定義重設按鈕。重設按鈕會清除表單中的所有資料。
submit	定義提交按鈕。提交按鈕會把表單資料發送到伺服器。
text	定義單行的輸入欄位，使用者可在其中輸入文本。預設寬度為 20 個字元。

註： type=button：就單純是按鈕功能 ；type=submit：是發送表單。

HTML 標籤的 type 屬性

值	描述
submit	該按鈕是提交按鈕（除了 Internet Explorer，該值是其他瀏覽器的預設值）。
button	該按鈕是可點擊的按鈕（Internet Explorer 的預設值）。
reset	該按鈕是重設按鈕（清除表單資料）。

未完待續……

著作權聲明：本文為博主原創文章，未經博主允許不得轉載。

以上就介紹了HTML標籤 易混易錯小總結，包括了方面的內容，希望對PHP教程有興趣的朋友有所協助。

