我之前也做過，做法應該和大家都差不多，在輸入框裡寫入提示內容，當滑鼠獲取焦點後清空內容，當失去焦點後判斷內容是否為空，如果為空，則恢復顯示提示內容，反則不顯示。但這樣的做法是否合理？下面一一來做下分析。
1、如果輸入內容和提示內容完全一樣，當失去焦點後，應該如何判斷？
2、如果input在表單裡，提交表單後，提示資訊隨著表單一並提交，難道還要在後端判斷提交資訊不等於提示資訊，再進行資料操作麼？
3、如果1、2兩條都觸發，後端要如果操作？
既然這種做法缺點這麼多，那怎麼做更好呢？其實方法很簡單，把提示資訊單獨寫在乙個模組裡，如div，然後設定這個div的樣式，讓它浮動到輸入框上面，至於js，只需多寫一句，當我點選這個div的時候，也觸發input框的獲取焦點事件即可。
這樣做的好處就是，不僅解決了1、2兩點的問題，而且提示內容不侷限於文字了，你可以是，甚至是flash，大大增強了使用者互動。
簡單給段頁面**吧：
請輸入資訊附1：這個功能我已經整合在我自己寫的外掛程式裡，歡迎檢視：jquery.hooray——自己做的乙個jquery常用工具外掛程式
附2：了解html5的placeholder屬性，點選前往
input表單輸入框聚焦動畫特效
class inputbox class effect 1 type text placeholder placeholder text class focus border i span div inputbox class類用於布局，就是乙個input容器，便於 我這裡設定每一行分為3個列 可根...
input表單輸入框聚焦動畫系列
inputbox class類用於布局，就是乙個input容器，便於 我這裡設定每一行分為3個列 可根據自己需求設定 inputbox 然後為input元素設定一些通用樣式。input type text focus effect 1 class類就代表這不同的input表單獲取焦點的動畫樣式種類,...
input 輸入框限制
只能輸入數字和乙個小數點 function clearnonum obj g,只保留第乙個.清除多餘的 obj.value obj.value.replace replace g,replace obj.value obj.value.replace d d 1 2.3 只能輸入6個小數 親測有用！...