客戶端完成載入頁面時,將游標定位到表單的第一個表單域上能夠提高用戶輸入數據的速度。許多搜索引擎通過JavaScript實現了這個功能,而現在,HTML提供了自動聚焦功能,並將其視為語言的一部分。 要使用HTML的自動聚焦功能,你只需在任意表單域中添加autofocus屬性即可。 瀏覽器會把用戶游標定 ...
客戶端完成載入頁面時,將游標定位到表單的第一個表單域上能夠提高用戶輸入數據的速度。許多搜索引擎通過JavaScript實現了這個功能,而現在,HTML提供了自動聚焦功能,並將其視為語言的一部分。
要使用HTML的自動聚焦功能,你只需在任意表單域中添加autofocus屬性即可。
瀏覽器會把用戶游標定位到最後一個設置了autofocus屬性的表單域上。
回退
僅需少量JavaScript代碼即可檢測出是否存在autofocus屬性,如果用戶瀏覽器不支持
autofocus屬性,則可使用jQuerv完成元素聚焦。這也許是你能提供的最簡單的替代方案。
在頁面中植入上面這段JavaScript代碼後,你就可以隨時使用autofocus屬性而不必擔心瀏覽器相容性問題了。
頁面載入完成時,autofocus屬性能夠略微簡化用戶開始填寫表單的過程。現在,你可能還想在表單域上提供一些與類型相關的信息,如希望用戶輸入什麼類型的值。沒問題,接下來的placeholder屬性正好可以解決這個問題。
本文由尚學堂線上學習平臺www.sxt.cn提供,轉載請註明出處。