title: What's the difference between JQueryMobile form text inputs?
body: <p>I'm trying to familiarize myself with JQuery mobile forms so I can work with them more extensively in the future, however something has come up that is baffling me. The JQuery mobile API doesn't explain it as far as I could tell, and I'm kind of at a loss.</p>
  
  <p>My problem is that when trying to create different text inputs for things such as email and telephone number, for example, the resulting input area looks exactly the same.</p>
  
  <p>For Example:</p>
  
  <pre><code>&lt;input type="email" data-clear-btn="true" name="email" id="email" placeholder="Email Address"&gt;
  &lt;input type="tel" data-clear-btn="true" name="number" id="number" placeholder="Phone Number"&gt;
  </code></pre>
  
  <p>What is the difference between these two text fields? Is it in how they're validated when the form is submitted?</p>