Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>It's a <a href="http://code.google.com/p/android/issues/detail?id=24626" rel="nofollow noreferrer">known bug</a> in the default Android Webkit browser. As per <a href="http://www.quirksmode.org/html5/inputs_mobile.html" rel="nofollow noreferrer">this QuirksMode page</a>, you can see that many versions of Android suffer from this. Chrome for Android on the other hand, doesn't.</p> <p>I've created a simple JavaScript shim (fix) for this. First, read this question <a href="https://stackoverflow.com/questions/7401495/how-to-display-placeholders-text-in-html5s-number-typed-input">How to display placeholder&#39;s text in HTML5&#39;s number-typed input</a>, then if you still want to use a placeholder like that, checkout <a href="https://gist.github.com/3786176" rel="nofollow noreferrer">my solution gist</a>.</p> <p>TL;DR;</p> <p>Leave your markup as you would expect;</p> <pre><code>&lt;input type="number" placeholder="Enter some numbers" /&gt; </code></pre> <p>Then run either of these scripts after the page has loaded;</p> <pre><code>// jQuery version $("input[type='number']").each(function(i, el) { el.type = "text"; el.onfocus = function(){this.type="number";}; el.onblur = function(){this.type="text";}; }); // Stand-alone version (function(){ var elms = document.querySelectorAll("input"), i=elms.length; while(i--) { var el=elms[i]; if(el.type=="number"]) el.type="text", el.onfocus = function(){this.type="number";}, el.onblur = function(){this.type="text";}; } })(); </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload