javascript 輸入文本框時(shí)的友好提示
更新時(shí)間：2009年12月11日 15:13:02 作者：
在輸入文本框內(nèi)容時(shí)，有時(shí)候需要提示用戶輸入的內(nèi)容，為了更友好的提示用戶，我用js寫(xiě)了一種方法，當(dāng)點(diǎn)擊文本框時(shí)，在文本框右邊提示用戶要輸入的信息。
下面的代碼實(shí)現(xiàn)當(dāng)用戶停留在text輸入框的時(shí)候提示輸入什么的提示信息，提高用戶粘合度。
演示的源代碼如下：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
在輸入內(nèi)容前，顯示如圖1所示
圖1
當(dāng)用戶名的文本框或得焦點(diǎn)時(shí)，效果如圖2所示
圖2
當(dāng)密碼文本框或得焦點(diǎn)時(shí)，效果如圖3所示
圖3
演示的源代碼如下：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
您可能感興趣的文章:
- Flex 文本框的輸入下拉提示
- 頁(yè)面版文本框智能提示JS代碼
- asp.net 頁(yè)面版文本框智能提示JSCode (升級(jí)版)
- JavaScript實(shí)現(xiàn)帶自動(dòng)提示的文本框效果代碼
- JavaScript 文本框下拉提示(自動(dòng)提示)
- 簡(jiǎn)單JS自動(dòng)提示文本框代碼
- 基于JQuery實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊文本框顯示隱藏提示文本
- 文本框輸入時(shí) 實(shí)現(xiàn)自動(dòng)提示（像百度、google一樣）
- 兩種方法實(shí)現(xiàn)文本框輸入內(nèi)容提示消失
- JavaScript如何實(shí)現(xiàn)在文本框(密碼框)輸入提示語(yǔ)
相關(guān)文章
nextSibling...2006-07-07
用js實(shí)現(xiàn)控制內(nèi)容的向上向下滾動(dòng)效果
用js實(shí)現(xiàn)控制內(nèi)容的向上向下滾動(dòng)效果...2007-06-06
javascript 雙擊文字后實(shí)現(xiàn)編輯文本功能代碼2008-12-12
用文字鏈接代替表單提交的按鈕，以前經(jīng)常這樣用，現(xiàn)在大多是用圖片來(lái)代替，以替換呆板的按鈕樣式。2010-10-10
表單填寫(xiě)時(shí)用回車代替TAB的實(shí)現(xiàn)方法
表單填寫(xiě)時(shí)用回車代替TAB的實(shí)現(xiàn)方法...2007-10-10
顯示、隱藏密碼...2006-07-07
原來(lái)文章是jsp下，其實(shí)應(yīng)用了js的代碼，大家可以參考下，其實(shí)各個(gè)語(yǔ)言的原理都一樣，如果使用了ajax嚴(yán)重就完美的客戶端驗(yàn)證了。2009-09-09![[IE&FireFox兼容]JS對(duì)select操作](http://img.jbzj.com/images/xgimg/bcimg7.png)
[IE&FireFox兼容]JS對(duì)select操作
[IE&FireFox兼容]JS對(duì)select操作...2007-01-01
微調(diào)數(shù)字...2007-02-02
autocomplete禁止自動(dòng)完成功能...2007-06-06