天天看點

10 個基于jQuery的表單增強腳本和插件

以下10個基于jQuery的腳本和插件可以有效地提高表單的可通路性和功能性,本文中的一些源碼和示範也許能幫助你優化目前的表單,使通路者獲得良好的使用者體驗。 

1. Form Hints 1.0 

使用這個插件,你可以為網站中的的任何一個表單控件添加描述文字,可以通過title屬性來添加。使用者可以點選控件來顯示或隐藏描述文字。 

10 個基于jQuery的表單增強腳本和插件

2. jQuery 表單選擇器 

jQuery的許多表單選擇器可以更加友善和高效地通路表單元素。下面是一個簡單的jQuery表單選擇器相關介紹。 

10 個基于jQuery的表單增強腳本和插件

3. Web SpinButton 

這是一個關于文本框數值微調按鈕控件的示例。 

10 個基于jQuery的表單增強腳本和插件

4. 頁面跳轉警告 

添加該腳本後,在你離開頁面前,會彈出一個警告,提示你送出表單或進行其他類似的操作。 

10 個基于jQuery的表單增強腳本和插件

5. Twitter 提示框 

添加該腳本後,會出現一個類似Twitter的簡單有趣的提示框。 

10 個基于jQuery的表單增強腳本和插件

6. Unwrongest 

添加這個jQuery插件後,文本框的大小會随着輸入的内容自動進行調整,就像Facebook的Boxes一樣。 

10 個基于jQuery的表單增強腳本和插件

7. Clearfield 

當輸入框内沒有内容時,利用這個插件可以顯示輸入提示。 

10 個基于jQuery的表單增強腳本和插件

8. 選中多個元素 

利用這個腳本,可以在所有供你選擇的條目中選擇全部,或隻選擇需要的元素集合。 

10 個基于jQuery的表單增強腳本和插件

9. 将表單label顯示在輸入框中 

添加該腳本後,可以将表單的label值顯示在輸入框中,使界面更加簡潔。 

10 個基于jQuery的表單增強腳本和插件

10. 自動儲存 

這個插件增強了表單功能,可以自動将表單字段儲存到cookies中。每經過一定的時間(預設為10秒)或離開頁面時自動進行儲存。 

10 個基于jQuery的表單增強腳本和插件

繼續閱讀