• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 388
  • Last Modified:

iPad / iPhone numeric Keyboard

We have a form that has some fields that require numeric input (like a quantity). If that page is being displayed in Safari, is there a way (in HTML or some other web technique) to cause the numeric keyboard to open when the field in question is the focus?
0
Richard Korts
Asked:
Richard Korts
  • 3
  • 2
1 Solution
 
GaryCommented:
Set the input type to number

<input type="number" name="">
0
 
Richard KortsAuthor Commented:
To Gary:

I did that & I get the attached (in FireFox). That's not what I want, those up / down arrows do nothing & the field is too wide.

Or do you mean I have to detect the browser & do that ONLY if Safari?

Here is my HTML:
<td width="15%">$<input type="number" size="8" name="prRB15" value="13.00"></td>
                                          <td width="15%"><input type="number" size="4" name="qtRB15" value="2"></td>

Thanks
input-type-number.jpg
0
 
GaryCommented:
Add this CSS
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}

Open in new window

0
 
Richard KortsAuthor Commented:
To Gary,

Don't like it, the size property in HTML is ignored, see attached (from Chrome, same in FF), maybe use CSS for "size"?

Thanks
input-type-number-no.jpg
0
 
GaryCommented:
Shouldn't really be using the size attribute anyway, css will work
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now