在web開發過程中,我們常常需要提供輸入框給用戶輸入信息。為了方便用戶的輸入,我們需要在輸入框中提供一些提示信息。Jquery提供了很方便的功能來實現這一功能:
$("input").on("focus", function(){ var currentValue = $(this).val(); var originalValue = $(this).attr("placeholder"); if(currentValue == originalValue){ $(this).val(""); } }); $("input").on("blur", function(){ var currentValue = $(this).val(); var originalValue = $(this).attr("placeholder"); if(currentValue == ""){ $(this).val(originalValue); } });
上邊的代碼實現了當input框獲取焦點時,如果輸入框的值等于placeholder時,則清空輸入框;input框失去焦點時,如果輸入框內沒有值,則顯示placeholder的值。
使用這些jquery技巧可以使你的網站更加人性化,也使用戶的輸入更加便利。同時,這些技巧也可以提高用戶體驗并加強網站的可用性。
上一篇mysql主從 切換
下一篇紅包掉落css