jQuery Input 提示
$(document).ready(function() { $("input").focus(function() { $(this).css("background-color", "#FFFFCC"); }); $("input").blur(function() { $(this).css("background-color", "#FFFFFF"); }); });
jQuery Input 提示是一種非常實用的技術,可以幫助用戶更快地輸入信息。在輸入框獲得焦點時,背景顏色變成淺黃色,提醒用戶當前輸入框已經被選中。當用戶離開輸入框時,背景顏色恢復為白色。
上述代碼實現了 jQuery Input 提示的功能。首先檢測文檔是否準備好,然后使用 focus() 和 blur() 函數為所有輸入框添加事件。當用戶聚焦到一個輸入框上時,使用 jQuery 中的 css() 函數更改其背景顏色為#FFFFCC。當用戶聚焦于另一個輸入框或任何其他地方時,輸入框失去焦點,并將背景顏色恢復為#FFFFFF。
jQuery Input 提示可以用于多種應用程序,包括表單、搜索欄、電子郵件等等。