How would you enable browser-based validation for a required email field using HTML5 attributes only?

How would you enable browser-based validation for a required email field using HTML5 attributes only?

• A. Use a Server-Side Validation Only
• B. Use <input type=\"email\" pattern=\".+@.+\"> and rely on Client-Side Scripts
• C. Use <input type=\"email\" required> and rely on Native Browser Validation
• D. Use <input type=\"email\"> Without Required

Answer: (C)

HTML5 form validation relies on browser-provided constraint checks. By using an input with type="email" and the required attribute, the browser automatically validates two things on form submission: the field must not be empty, and the value must conform to a basic email format. No JavaScript is needed, so you get native, consistent feedback from the browser. If the field is left blank or the value isn’t a valid email, the browser blocks submission and shows its built-in message. This combination—type="email" with required—is the right way to enable browser-based validation using HTML5 attributes only. Using type="email" alone would allow an empty value; adding patterns or scripts introduces non-native validation or extra code, and server-side validation alone doesn’t provide immediate client feedback.

HTML5 form validation relies on browser-provided constraint checks. By using an input with type="email" and the required attribute, the browser automatically validates two things on form submission: the field must not be empty, and the value must conform to a basic email format. No JavaScript is needed, so you get native, consistent feedback from the browser. If the field is left blank or the value isn’t a valid email, the browser blocks submission and shows its built-in message. This combination—type="email" with required—is the right way to enable browser-based validation using HTML5 attributes only. Using type="email" alone would allow an empty value; adding patterns or scripts introduces non-native validation or extra code, and server-side validation alone doesn’t provide immediate client feedback.