生活随笔
收集整理的這篇文章主要介紹了
jQuery progression 表单进度
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
progression.js是一款表單輸入完成進度插件。支持自定義提示框大小、方向、左邊、動畫效果、間距等，也支持是否顯示進度條、字體大小、顏色、背景色等。
在線實例
實例演示
使用方法
<form?id="myform">?????<p>?????????<label>點擊一個字段</label>?????????<input??data-progression?type="text"?data-helper="提示用戶幫助"?name="name"?value=""?placeholder=""/>?????</p>??????<p>?????????<label>提供更好的用戶體驗</label>?????????<input?data-progression?type="text"?data-helper="追蹤用戶輸入表單進度"?name="email"?value=""?placeholder=""/>?????</p>?????<p?class="left">?????????<label>另一個字段</label>?????????<input?data-progression?type="text"?data-helper="這個提示框是完全可定制的"?name="mytel"?value=""?placeholder=""/>?????</p>?????<p>?????????<label>電話號碼</label>?????????<textarea?data-progression?name=""?data-helper="文本或者進度條可以關閉"></textarea>?????</p>?????<p>?????????<input?type="submit"?class="button"?name=""?value="提?交"?placeholder=""/>?????</p>?</form>復制 參數詳解
$("#myform").progression({?????tooltipWidth:?'200',?//提示框寬度?????tooltipPosition:?'right',?//方向?????tooltipOffset:?'50',?//坐標?????showProgressBar:?true,?//顯示進度條?????showHelper:?true,?//顯示幫助?????tooltipFontSize:?'14',?//字體大小?????tooltipFontColor:?'fff',?//字體演示?????progressBarBackground:?'fff',?//進度條背景色?????progressBarColor:?'6EA5E1',?//進度條字體顏色?????tooltipBackgroundColor:?'a2cbfa',?//提示框背景色?????tooltipPadding:?'10',?//提示框間距padding?????tooltipAnimate:?true?//提示框動畫?});復制 下載
?
轉載于:https://www.cnblogs.com/niuboren/p/6384896.html
總結
以上是生活随笔為你收集整理的jQuery progression 表单进度的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
