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 ...
    • 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 ...
    • 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 ...
    • Remove 'nice to have' question fields

      Every additional field in your form is making you losing you leads, roughly 10% per field. So consider whether each question justifies the incremental loss in leads or opt-ins. Make a clear distinction between 'nice to have' and 'need-to-have' ...
    • Setting up a form showing on multiple pages

      In case the same form is used on multiple pages, it's possible to set this up as one form, aggregating all data. To set this up, start with specifying one URL where that form exists.  When the form is found, more setup fields appear and you can ...