Why does numbert field change appearance

  • Profile Image
    yourstay
    Asked on June 23, 2011 at 10:54 AM

    When I use the number field from the quick tools menu it appears as a filed with a hint in it as shown here:

    but when a colleague inserts the same field it appears as a drop down option. If I view my colleagues forms the field appears as above!!

    We need to use a numbers field to collect a restricted number of digits and a text box as shown on the hyperlink URL below ( let us help you...)cannot do this.

    A form that I produced is available here to illustrate what I mean. http://form.jotform.com/yourstay/10944105821

    Is there a setting somewhere that we can change. Thanks

  • Profile Image
    NeilVicente
    Answered on June 23, 2011 at 11:48 PM

    Hi,

    Are you referring to these?

    Microsoft IE8

    Google Chrome

    Just so you know, a number field is a pretty new html element introduced in HTML 5. As such, it is not supported yet by some browsers. Case in point, I used Google Chrome and IE 8 to render those screenshots.

    For the purpose that you mentioned, I suggest that you use the Spinner field instead. It can be found under the Survey Tools section.

     

    Spinner fields are actually textboxes with up and down controls that are made possible by some JavaScript functions. Thus, it is well supported by almost any browser that has JavaScript enabled. Spinners also has more features available including an option for minimum and maximum allowed value.


    Neil

  • Profile Image
    yourstay
    Answered on June 24, 2011 at 07:02 AM

    Thanks - I was actually trying to achieve the former - ie a number box that is filled in rather than a spinner. Presumably the problem exists with browser?

    Simon

  • Profile Image
    NeilVicente
    Answered on June 25, 2011 at 01:07 AM

    Hi,

    Yes the issue is browser related. Like I said the 'number' field (html code: input type="number") is a fairly new element added in HTML 5. Not all browsers fully support HTML 5, as of yet. Of course, older browser versions will never be able to display this new element.

    Your colleague is using a browser different than yours that is why you were not able to see what you call the "dropdown" arrows. If what you were trying to achieve is a number box that is filled in, you can just use a plain text box field instead. Click the Max Size button to set the number of digits allowed for that field.

    Feel free to contact us again if you have other queries or concerns that are related to Jotform. Thank you and have a great weekend.


    Neil