Consider the following HTML document rendered using a browser. Document input:valid { background: green; } input:invalid { background: red; } Enter a valid e-mail: If a user starts typing "madcourse" letter by letter, how will the background colour of the tag change?

(B) Red for first five letters, and remain green after that.

(A) Red for first five letters, turns green till 8th letter and turns red back again after next letter.

(C) Green for first five letters, turns red till 8th letter and turns green back again after next letter.

(D) Green for first five letters, and remain red after that.

Modern Application Development I · End Term · 24 Dec 2023 · September 2023 term · Set ADD3

Question 19: Consider the following HTML document rendered using a br…

Question 19

+4.5 marksOne correct option

Consider the following HTML document rendered using a browser.

html

1<!DOCTYPE html>
2<html lang="en">
3    <head>
4        <title>Document</title>
5        <style>
6            input:valid {
7                background: green;
8            }
9            input:invalid {
10                background: red;
11            }
12        </style>
13    </head>
14    <body>
15        <form>
16            <label for="uname">Enter a valid e-mail:</label>
17            <input type="text" name="uname" minlength="5"
18                   maxlength="8" value="a">
19        </form>
20    </body>
21</html>

If a user starts typing "madcourse" letter by letter, how will the background colour of the <input> tag change?

A
Red for first five letters, turns green till 8th letter and turns red back again after next letter.
B
Red for first five letters, and remain green after that.
C
Green for first five letters, turns red till 8th letter and turns green back again after next letter.
D
Green for first five letters, and remain red after that.

Show answer

Correct answer

B
Red for first five letters, and remain green after that.

See the whole paper Take it as a mock test

Question 19 of 32 in the IIT Madras BS Modern Application Development I (MAD 1) End Term paper sat on 24 Dec 2023, in the September 2023 term (IIT M DIPLOMA FN EXAM FDD1 24 Dec 2023). It carries 4.5 marks.

This question was also asked in

MAD 1 End Term — 24 Dec 2023, Set FDD1 · question 22

Question 19: Consider the following HTML document rendered using a br…

Question 19

This question was also asked in

More questions from this paper