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 在手机里很智能。
来源：oschina
链接：https://my.oschina.net/u/591761/blog/72618