YouTip

# HTML `` formnovalidate Attribute The `formnovalidate` attribute is a powerful HTML5 feature that allows developers to bypass client-side form validation when submitting a form. This tutorial provides a comprehensive guide on how to use the `formnovalidate` attribute with the `` element. --- ## Introduction By default, modern browsers automatically validate form inputs (such as checking if an `email` field contains a valid email address or if a `required` field is filled) before submitting the form. The `formnovalidate` attribute is a boolean attribute. When present on a submit button, it instructs the browser to skip this validation process and submit the form data immediately. This is highly useful for scenarios like saving a draft, where the user may want to save incomplete or invalid data to finish later. --- ## Syntax Since `formnovalidate` is a boolean attribute, its presence alone enables the behavior. ### HTML5 Syntax ```html Submit Without Validation ``` ### XHTML Syntax In XHTML, attribute minimization is not allowed. The attribute must be defined with its value explicitly declared: ```html Submit Without Validation ``` > **Note:** The `formnovalidate` attribute is only applicable to buttons where the `type` attribute is set to `"submit"`. --- ## Code Example In the following example, we have a form with a required email input and two submit buttons. * Clicking the first button (**Submit with Validation**) will trigger the browser's built-in email validation. * Clicking the second button (**Save Draft / Submit Without Validation**) will bypass the validation and submit the form directly. ```html

E-mail:

Submit with Validation Save Draft (No Validation)

``` --- ## Key Considerations & Details ### 1. Overriding the Form's `novalidate` Attribute The `

` element has a similar attribute called `novalidate` which disables validation for the entire form regardless of which button is clicked. The `formnovalidate` attribute on a `` specifically overrides the form's default behavior on a per-button basis. This allows you to have validation enabled for standard submissions, but disabled for specific actions (like "Cancel" or "Save Draft"). ### 2. HTML5 vs. HTML 4.01 * **HTML5:** Introduced the `formnovalidate` attribute as a native standard. * **HTML 4.01:** This attribute is **not supported** in HTML 4.01. ### 3. Browser Compatibility | Browser | Supported Version | | :--- | :--- | | **Google Chrome** | Supported | | **Mozilla Firefox** | Supported | | **Microsoft Edge / IE** | Internet Explorer 10 and above | | **Opera** | Supported | | **Safari** | Supported (Modern versions) | *Note: Legacy browsers like Internet Explorer 9 and earlier do not support this attribute.*