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

    Adjusting the name field

    Asked by dlasson on September 01, 2016 at 04:14 PM

    How can I create a text box for a first name, then a one-character box for the last name?

    Thanks.

    name first name first full name css
  • Profile Image
    JotForm Support

    Answered by liyam on September 01, 2016 at 09:09 PM

    Hello dlasson,

    Your only solution on this is to have a separate text box field for each (one for first name, and one for last name). And then set your last name field setting a max size of 1

     

    Not within JotForm method

    But if you wish to make use of the Full Name field,

    the only way for you to do this is to get your form's full HTML code, place it on your web page and add the attribute on the input text box to have a maxlength value of 1. 

    Example: <input class="form-textbox" type="text" size="15" name="q124_name124[last]" id="last_124" maxlength="1">

     

    Feel free to let us know if you have further questions.

  • Profile Image

    Answered by dlasson on September 02, 2016 at 09:28 AM

    Regarding the first solution: 1) how can I have the "first name" and "last initial" fields side by side? 2) how can I shrink the "last initial" field to the size of one character?

    I actually just found the following form where I did just this, but with the new Jotform interface, I cannot seem to find how I can duplicate it. 

    https://form.jotform.com/53006010463136

    Thank you!

  • Profile Image
    JotForm Support

    Answered by Jan on September 02, 2016 at 11:12 AM

    1) How can I have the "first name" and "last initial" fields side by side?

    I opened your form and I can see that the first name and last initial fields are already next to each other. Here's a screenshot:

    2) How can I shrink the "last initial" field to the size of one character?

    Please insert this custom CSS code to your form:

    input#last_38 {
    width: 25px !important;
    }

    Here's a guide: How-to-Inject-Custom-CSS-Codes. Here's the result:

    Related guide: How-to-Clone-an-Existing-Form-from-a-URL

    Hope that helps. Thank you.