Databases
StackOverflow2013
Postsdbo
POMobile Safari - How to Default to Full Numeric Keypad for Decimal Entry w/o type="number", or disable Safari input type="number" correction
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POMobile Safari - How to Default to Full Numeric Keypad for Decimal Entry w/o type="number", or disable Safari input type="number" correction
    primarykey
    data
    text
    <p>I have a fairly basic but frustrating problem, essentially I've been trying to force input fields to behave more like text input types (where they do not correct incorrect number entries, such as "0..7" to truncate to "0") and just let JS form validation and backend validation do its job. However, while I want to allow the user to enter whatever they want in the field (input type="text"), I want to FULL numberpad keyboard to display.</p> <p>Original:</p> <pre><code>&lt;input type="number" name="test" class="answers" id="mileage" value="0.0" maxlength=5 /&gt; </code></pre> <p>Attempts to fix:</p> <p>Works on iPad, but NOT on iPods, as iPods display the compact number pad WITHOUT decimal points:</p> <pre><code>&lt;input type="text" name="test" class="answers" id="mileage" value="0.0" maxlength=5 pattern="\d*"/&gt; </code></pre> <p>Doesn't work on iPod, as it displays the full text keyboard, but doesn't default to the "number side" of the full keyboard with a decimal:</p> <pre><code>&lt;input type="text" name="test" class="answers" id="mileage" value="0.0" maxlength=5 pattern="\d+(\.\d*)?"/&gt; </code></pre> <p>Anyone have any ideas? Either to prevent Mobile Safari from correcting input number types (number types display the correct keyboard on iPods and iPads, but has built in correction on fields when the keyboard hides), or to force the keyboard to be on the Number side of the full iPod keyboard?</p> <p>FYI: This sounds very similar to my issue, however I may need a different solution. Sounds like they desired the "Full" numeric keyboard to appear by default but without number autoformatting that Safari does on the field when entering other characters in.</p> <p><a href="https://stackoverflow.com/questions/12574028/force-a-numeric-keyboard-but-allow-punctuation-html5-mobile-safari?rq=1">Force a numeric keyboard but allow punctuation: HTML5, mobile Safari</a></p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USCommunity
    1. USaohm1989
    plurals
    1. PL
      singulars
      1. LTLinked
    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. POMobile Safari - How to Default to Full Numeric Keypad for Decimal Entry w/o type="number", or disable Safari input type="number" correction
      1. This table or related slice is empty.
      1. VTUpMod
    1. COApparently, an "inputmode" attribute is also in the works per: http://html5doctor.com/html5-forms-input-types/ Anyone know much about this? That would be the best thing, honestly.
      singulars
      1. POMobile Safari - How to Default to Full Numeric Keypad for Decimal Entry w/o type="number", or disable Safari input type="number" correction
      1. USaohm1989
    2. COUnfortunately, it seems inputmode attributes on these numeric inputs (that need treated like text in regard to the automatic correction it does on invalid numbers), does not fix the issue either :(
      singulars
      1. POMobile Safari - How to Default to Full Numeric Keypad for Decimal Entry w/o type="number", or disable Safari input type="number" correction
      1. USaohm1989
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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