具體的看代碼,都寫在註釋里了,歡迎討論 ...
具體的看代碼,都寫在註釋里了,歡迎討論
<script> $(function () { /* *頁面載入立刻執行 *@method:each遍歷每個包含placeholder屬性的對象(input) * */ $('[placeholder]').each(function () { //使每個input的value等於placeholder的值 $(this).val($(this).attr('placeholder')); }) }); /* * 焦點獲取:點擊時,使value的值為空 * */ $('[placeholder]').focus(function () { //如果此時有值,且不等於placeholder,就不做任何操作,否則清空輸入框 if($(this).val() == $(this).attr('placeholder')){ $(this).val(''); } }); /* * 焦點失去:沒有輸入時,value顯示placeholder * */ $('[placeholder]').blur(function() { if ($(this).val() == '') { $(this).val($(this).attr('placeholder')); } }); /* * 沒有輸入的時候,此時value是placeholder,不能把它提交過去。要做另外的處理 * */ $('form').submit(function () { //遍歷所有對象,併為他們執行方法 $('[placeholder]').each(function () { //如果沒有輸入,提交前使value為空 if($(this).val() == $(this).attr('placeholder')){ $(this).val(''); } }); }); </script>