Question 16
Consider the following HTML Document and select the correct statement(s) from the following if a user types the password “mad1password” in the password field letter by letter.
<!DOCTYPE html><html lang="en"><head> <title>Login Form</title> <style> input[type="password"]:valid{ background-color: green; } input[type="password"]:invalid{ background-color: red; } </style></head><body> <div class="login-form"> <h2>Login</h2> <form> E-mail: <input type="email" id="email" name="email" required> Password: <input type="password" id="password" name="password" required minlength="5" maxlength="8"> <input type="submit" value="Login"> </form> </div></body></html>The HTML form is integrated with backend validation.
The HTML form is integrated with Frontend HTML5 validation.
The background colour of the password field remains red for the first 4 letters, then turns green for the next 4 letters, and then again turns red for the remaining letters.
The background colour of the password field remains red for the first 4 letters, then turns green for the next 4 letters, and then remains green for the remaining allowable letters.