This article explains how to use the Inspector in Chrome, to find the ID of a specific form element and the ID of its container. This can be useful when creating Custom CSS rules to apply to your form.
Opening the Inspector:
- Open your Form in a new window in Google Chrome
- Press F12 on your keyboard to open the inspector
- Within the inspector click the Elements tab and then click the Inspect Icon as shown here:
- After clicking the Inspect Icon, click on any field on your form in the open browser window. This will select the DOM Element in the Inspector as shown below
Getting a Form Elements ID
The Field ID is typically a string value formatted like "field_1532794672598_3" and is, in most cases, assigned to an INPUT element. You can see an example above,
Getting a Form Elements Wrapper/Container ID
The fields outer container (the wrapper around the field and its label), is the Field ID ending in "field_div". For example, the field ID in the example above is "field_1532794672598_3" and the wrapper ID is "field_1532794672598_3fielddiv".