JQueryMobile 表单文本输入有什么区别？答案

【问题标题】：What's the difference between JQueryMobile form text inputs?JQueryMobile 表单文本输入有什么区别？
【发布时间】：2013-06-21 05:12:06
【问题描述】：

我正在努力让自己熟悉 JQuery 移动表单，以便将来可以更广泛地使用它们，但是出现了一些让我感到困惑的事情。据我所知，JQuery 移动 API 没有解释它，我有点不知所措。

我的问题是，例如，当尝试为电子邮件和电话号码等内容创建不同的文本输入时，生成的输入区域看起来完全相同。

例如：

<input type="email" data-clear-btn="true" name="email" id="email" placeholder="Email Address">
<input type="tel" data-clear-btn="true" name="number" id="number" placeholder="Phone Number">

这两个文本字段有什么区别？是在提交表单时如何验证它们吗？

【问题讨论】：

如果你在谈论一个jQuery插件，你应该提到哪个。
不是插件。尽量避免这些。
查看“data-clear-btn”属性，您似乎正在使用 jQuery Mobile。是的，它们被浏览器验证为实际的电子邮件格式和编号。最后但同样重要的是 - 移动设备通常会根据输入字段类型显示不同的键盘布局。
啊啊，这就是他们与众不同的地方。是的，我应该指定我使用的是 Jquery Mobile。非常感谢。如果你能把它变成一个答案，我愿意接受。
我只接受了 JQM 提示，因为移动体验不同，但验证和语义在任何地方都是正确的（使用 HTML5），如下面的答案所指出的。

标签： jquery html forms jquery-mobile

【解决方案1】：

这不是 jQuery 的，而是 HTML5 的。请参阅the doc 了解更多信息。

【讨论】：

啊...这就是为什么 JQuery 没有太多的原因。谢谢。

【解决方案2】：

您正在使用 HTML5 属性，其实现取决于浏览器。

请参阅http://caniuse.com/ 以检查浏览器的实施进度。

使用一些 jQuery 插件，您可以模拟其中的大部分。

【讨论】：