如何實作跨浏覽器的placeholder效果呢?
先看下效果
js代碼如下:
參數說明:
參數名
含義
示例
word
文本框預設顯示文字
請輸入密碼
color
預設顯示文字的顔色
‘#ddd’
evttype
事件類型,即什麼事件觸發預設文本消失
預設是’focus’
maxlen
文本框可輸入的最長字元個數,0表示無限制
minlen
文本框輸入的最短字元個數,0表示無限制
normalfontcolor
正常輸入文字時的字型顔色
‘#f00’
errorborderclass
發生錯誤時生效的class
比如當輸入框中的文字個數小于minlen時,就會應用該class
keyup_callback
keyup的回調函數
blur_callback
失效焦點的回調函數
focus_callback
獲得焦點的回調函數
click_callback
單擊事件的回調函數
keydown_callback
keydown事件的回調函數
html執行個體
代碼下載下傳位址:
<a href="http://pan.baidu.com/s/1ktzkfej">js檔案下載下傳</a>
最新代碼如下:
執行個體: