HTML5 內建的表單檢查(防呆機制)!

在網頁常見的表單輸入,為了要讓輸入的資料合乎規定,通常都會做一些防呆的機制。比如:欄位是必要欄位不可空白,或者要求填寫正確的 e-mail 格式。除了用撰寫 JavaScript 的方式來達成,還有更簡單的方法,就是使用HTML5的功能 input 的 required 屬性!

See the Pen Untitled by jeff (@citjeff) on CodePen.

在這段程式碼當中,required 可自動幫我們偵測 input 是否為空值

如果用 type=”email”,還會檢查是否是電子郵件的格式

須注意程式碼必須跟 form 表單綁在一起才會正常作用!

👉HTML input 文字框內預設文字移除的方法

👉HTML日期輸入 input 的使用 。

發佈留言