How to Find Field IDs and Unique Names

August 15, 2022

How to Find the Fields’ IDs

Customizing the appearance of your fields using CSS is a common task in Jotform. To inject custom CSS codes, you first need to get the Field ID. You will need the ID to target the field when injecting the custom CSS codes.

Please follow the steps below to get the Field ID:

  1. In the Form Builder, select a field and click the Properties (in gear icon).
  2. Go to the Advanced tab.
  3. Scroll down to the bottom and click to expand the Field Details.
  4. A small section will open up where you can see the Field IDs.

How to Find the Fields’ Unique Name

You can use the unique name to reference the value of a field in other places, such as in a different question or the body section of the form emails. You can also use it when passing the field’s value to another form through the URL parameter.

The unique name can be found in the Field Details section mentioned above. Not all form elements have the Field Details section, but fret not, here’s another way to get the fields’ unique names.

How to Use the Field Prepopulator to Get the Unique Names

First, use the Field Prepopulator to generate the form’s URL with query parameters. Here’s an example of a generated URL:

https://form.jotform.com/220952617529360?email=jane.doe@jotform.com

To break that down:

  • https://form.jotform.com/220952617529360 – is the URL of the form.
  • ? – the question mark is used as a separator.
  • email=jane.doe@jotform.com – is the query parameter in key=value pair. Multiple query parameters are separated by the ampersand “&”. For example:
https://www.jotform.com/220631153630039?name[first]=Jane&name[last]=Doe&email=jane.doe@jotform.com&interest=News,Health,Sports

Focus on a key in the URL. Depending on the form element, apply the following rules:

Fieldsets

For form elements with multiple fields like the Full Name, Address, and non-lite Date, the query parameter will be in a tag[key]=value format. The unique name format will be {tag:key} – the tag and key, joined by a colon and enclosed in curly brackets.

A Full Name element for example with the following generated URL:

https://form.jotform.com/220631153630039?name[first]=Jane&name[last]=Doe

The unique names in this case are {name:first} and {name:last} for first name and last name respectively.

Regular Fields

Most of the form elements hold a single value and are in key=value query parameter format where the key is usually the form element’s unique name. The variable format for these types of form elements is {key} – the key, enclosed in curly brackets.

An Email element for example with the following generated URL:

https://www.jotform.com/220542014089044?email=jane.doe@jotform.com

The unique name in this case is {email}.

You can then use the unique name in Paragraph elements and email alerts:

form-builder-paragraph-field-tags-min.png
Paragraph Element
form-builder-autoresponder-field-tags-min.png
Email Alert

Or, the Thank You Page:

form-builder-thank-you-page-field-tags-min.png
Thank You Page
form-builder-redirect-to-external-link-field-tags-min.png
Send Data via URL Parameters

Was this easy for you? If you have any questions, suggestions, or feedback, please share them below or contact us by creating a support ticket.

Was this guide helpful?
Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum: https://www.jotform.com/answers/

Contact Jotform Support: https://www.jotform.com/contact/

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Comments:

  • atlll
  • jghanayem
  • giddyjoe
  • Drew
  • Print_Actuate
  • genoahipaa
  •  miguel
  • dileesh
  • MohammedReza VahdatiBana
  • david.svaiter
  • Duckhorn
  • chaewonp27
  • ???
  • DepinBetel
  • VanVolkinburg
  • elitehomesvic
  • stan43
  • Sabatine
  • ibmemessage
  • ronaldjan
  • EOTW
  • PiggyPlex
  • gesturepoke
  • Kaleem
  • Toriqul Byron
  • hatzbs
  • leandromartinz
  • toriqul1976
  • HuiSan
  • EltonCris
  • steve
  • Chad Reid
  • ibogatreatmentclinic
  • WaxLily
  • sgonzal
  • benbftg
  • Ramathon
  • AJCREATIVO
  • robertswalker
  • dude_guy_boy
  • dectro
  • Almunawwara