What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

  • Profile Image

    Telephone number in different fields

    Asked by grupovision on July 01, 2016 at 01:45 PM

    I need the phone number in different fields.
    TEL. (787)730-2303
    1. Field 1 - Area Code (787)
    2. Field 2 - Prefix (730)
    3. Field Three - Subscriber (2303)

    I did it in separate fields but remain far apart. Is there any way to do this or need CSS to reduce margins.

    If CSS can explain how to apply to the specific fields of the phone.

  • Profile Image
    JotForm Support

    Answered by david on July 01, 2016 at 03:08 PM

    Adding this code to your form should adjust the phone number fields properly:

    #id_16, #id_17, #id_18, #id_19, #id_21, #id_22, #id_23 {
        Padding-left : 10px !important;
        Padding-right : 10px !important;

    #id_19 {
        margin-right : 200px;

    #id_21 {
        margin-left : 96px;

    I should line up both sets as well.  Here is my test form with the code added:


    You can clone it to your account if you would like:


  • Profile Image

    Answered by grupovision on July 01, 2016 at 04:48 PM

    Perfect, Thank you David!

  • Profile Image
    JotForm Support

    Answered by david on July 01, 2016 at 05:56 PM

    Very welcome!  If there is anything else we  can assist you with, let us know and we will be happy to help.