2014年6月10日 星期二

JQuery 資料欄位的輸入

在Jquery 中,使用 data-role="fieldcontain" 屬性,即可讓Jquery自動去調整相關欄位位置。

如果要使用原生 HTML 只要在 data-role="none" 即可。

單行文字方塊與密碼欄位:


範例下載

在Input type屬性中


          <div id="userDiv" data-role="fieldcontain">
                    <label for="user">使用者名稱: </label>
                    <input type="text" name="user" id="user" />
                </div>
                <div id="passDiv" data-role="fieldcontain">
                    <label for="pass">使用者密碼: </label>
                    <input type="password" name="pass" id="pass"
                           data-mini="true" />
                </div>
                <div id="btnDiv" data-role="fieldcontain">
                    <input type="submit" value="登入"
                           data-inline="true" />
                    <input type="reset" value="重設" data-inline="true" data-mini="true" />
          </div>


沒有留言:

張貼留言