有時使用者可能不知道輸入框要輸入怎樣的值,若能提供一些預設值來提示的話,這樣能讓使用者經驗更好。而 Default Value 就是能達到這樣效果的套件。
套件名稱:Default Value
套件版本:1.0
作者網站:http://www.campbellsdigitalsoup.co.uk/about/default-value/
套件網址:http://plugins.jquery.com/project/defaultvalue
發佈日期:2008-04-19
檔案大小:1.74 KB
檔案下載:jquery.defaultvalue.js
參數說明:
檢視原始碼 JavaScript
1 2 3 | parameter(選填) 描述: 要顯示的預設值(可多組) 預設值: 無 |
方法說明:
檢視原始碼 JavaScript
1 2 | // 幫指定的元素加上預設值 $(selector).defaultvalue([arguments...]); |
使用範例:
檢視原始碼 JavaScript
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.defaultvalue.js"></script> <script type="text/javascript"> $(function(){ // 同時幫 #input-one 及 #input-two 設定預設值 $("#input-one, #input-two").defaultvalue("請輸入姓名", "請輸入興趣"); // 幫 #textarea-one 設定預設值 $("#textarea-one").defaultvalue("請輸入自傳"); }); </script> <body> <h5>第一個輸入框</h5> <input type="text" id="input-one" /> <h5>第二個輸入框</h5> <input type="text" id="input-two" /> <h5>第一個文字框</h5> <textarea id="textarea-one"></textarea> </body> |
附註:
此套件目前不支援設定預設值的顏色。