Consider the following HTML Document file given below. index.html Document input:invalid { background: red; } input:valid { background: green; } Enter a valid e-mail: Suppose the index.html is rendered on the browser. What will be the background color of the input box when the user enters the name “madcourse.mail.com”?

Modern Application Development I · Quiz 2 · 6 Aug 2023 · May 2023 term

Question 6: Consider the following HTML Document file given below. in…

Question 6

+3 marksOne correct option

Consider the following HTML Document file given below.

index.html

html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <title>Document</title>
5    <style>
6        input:invalid {
7            background: red;
8        }
9        input:valid {
10            background: green;
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="8">
18    </form>
19</body>
20</html>

Suppose the index.html is rendered on the browser. What will be the background color of the input box when the user enters the name “madcourse.mail.com”?

A
red
B
white
C
green
D
insufficient information

Show answer

Correct answer

C
green

See the whole paper Take it as a mock test

Question 6 of 16 in the IIT Madras BS Modern Application Development I (MAD 1) Quiz 2 paper sat on 6 Aug 2023, in the May 2023 term (IIT M FOUNDATION AN2 EXAM QPF2 06 Aug 2023). It carries 3 marks.

Question 6: Consider the following HTML Document file given below. in…

Question 6

More questions from this paper