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 在手机里很智能。