The HTML form element

The HTML form element

Forms are more advanced than ever and modern technology does not require the HTML <form> element for your form to be functional. However it's important to add the semantically correct <form> container element to all your forms. One of the reasons is that assistive devices for persons with disabilities use this element to correctly display the form depending on the device's configuration.

The autocomplete functionality of such forms will not always work as expected, hereby it's advised to add a <form> HTML tag around all your fields.

Adding a <form> element around all your fields


<form name="yourFormPuropse" id="yourFormPuropse" onsubmit="if (arguments && arguments[0] instanceof Event) { arguments[0].preventDefault(); }; return false;">    <!-- All your form content: text, images, fields and more //--> </form>

Important: also make sure all your form fields have a name and/or id attribute set, more information about this requirement can be found here.

    • Related Articles

    • How to setup a form

      To setup a form in the Exatom platform, go to the Setup section in the menu, select Form and click on the 'Add form' button. The form finder field will show up, where you can fill in the page URL where the form is located.  You can simply start with ...
    • How to Track Custom HTML Elements

      Want to understand how visitors interact with your custom form controls, such as image-based product selectors, styled radio buttons, or non-standard dropdowns? By adding a simple HTML attribute to any element, you can start capturing clicks and ...
    • Form field identification

      One of the requirements for form fields to be recognised by Exatom is that they have one or both of the following HTML attributes: name="your-form-field-name" id="your-form-field-id" This uniquely identifies each field and allow our analytics engine ...
    • Optimising Web Form Autofill

      Introduction Autofill is a very popular browser function that helps a user filling in a form with less effort, as it automatically fills in web form fields with stored data, like first name, last name, email, phone number, etc. It can even be used ...
    • Keyboard shortcuts

      To make your life easy, you can use keyboard shortcuts to save some time. Here is the list of shortcuts we applied in our platform: Shortcut key Function Where applicable Shift (press 2 times) Open the website selector. Once opened you can start to ...