HTML & CSS Interview Question #42

What is native HTML form validation?

Forms, Validation, Metadata, Media, Responsive Images & Accessibility Mid-Level Intermediate

Quick Interview Answer

Native form validation is the browser's built-in constraint validation system. Attributes such as required, type="email", min, max, minlength, maxlength, and pattern can make a control invalid until its value satisfies the declared constraints.

Detailed Explanation

Native form validation is the browser's built-in constraint validation system. Attributes such as required, type="email", min, max, minlength, maxlength, and pattern can make a control invalid until its value satisfies the declared constraints.

It is useful for immediate user feedback but is not a security boundary. Server-side validation remains mandatory because requests can be modified or sent without using the browser form at all.

Code Example

<form>
    <label for="email">Email</label>
    <input id="email"
           name="email"
           type="email"
           required>

    <button type="submit">Submit</button>
</form>