Jquery mobile 表單元素

1.一個簡單的表單元素：

         <form action="#" method="post" data-transition="pop">

             <label for="email1">郵件：</label>

                <input type="email" id="emai1l" name="email" placeholder="email" />

                <button  type="submit" name="submit">提交</button>

            </form><br/>

         

         2.文本的輸入：<br/>

         <input type="text" name="text" value="" id="text" placeholder="Text" /><br/>

         <input type="number" name="bumber" value="" id="num" /><br/>

         <input type="email" name="email" value=" " id="email" data-theme="b" /><br/>

         <input type="url" name="url" value="" id="url" placeholder="URL" /><br/>

         <input type="tel" name="tel" value="" id="tel" /><br/>

         <input type="search" name="search" value="" id="search" /><br/>

         <textarea rows="40" cols="10" name="textarea" id="textarea"></textarea><br/>

         <br/>

         

         3.爲了一種能夠隱藏標籤，能夠給元素添加ui-hidden-accessible屬性，好比搜索：這樣lable就消失了。

          <label for="search" class="ui-hidden-accessible">搜索：</label>

            <input type="search" id="search" placeholder="search" /><br/>

         

         4.在構建表單時，必定要將輸入字段與其語義類型關聯起來，這樣作的優勢：<br/>

           1.當輸入字段接收到焦點時，能夠爲用戶提供合適的鍵盤，例如：被指明爲type="number"的字段會自動向用戶顯示一個數字鍵盤，而使用type="tel"進行關聯字段，則會顯示一個特定的電話號碼鍵盤.<br/>

           2.該規範容許瀏覽器針對字段類型應用驗證規則，在用戶填寫表單期間，瀏覽器可以自動對每一個類型進行實時驗證。

          5. 全部移動瀏覽器都支持另外一個屬性placeholder=""，該屬性爲文本輸入一個提示或者標籤，在字段接收到焦點時，自動消失。

注意：其實表單相關元素很簡單，相同點就是:input  value id  name  這幾屬性要有

惟一不一樣點就是type ，JQM的幾種type 在手機裏很智能。