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

當我們在 input 文字框做輸入時,經常需要預設文字當作提示,但是當使用者進入文字框做輸入時,預設文字就需自動移除,以下的例子介紹如何達成的方法。

🔸 一般 html 方法:

說明:使用onfocus的事件,去檢查value的內容,如果是原本初始內容,就將文字框內容清空。

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

🔸 html5 方法:

說明:當在文字框輸入文字時,預設文字才會消失。

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

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

👉HTML日期輸入 input 的使用 。

發佈留言