HTML-CSS/exp24FormTag.html at main · sudeepnagar/HTML-CSS · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!-- example on "Form" with different types of input fields tag-->
<DOCTYPE html>
<html lang="en">
   <head>
         <title> my 24th web page</title>
		 <link rel="icon" href="id.png"/>
		 </head>

		 <body>
		 		 <h3> demo on email, url, data, time, week, month & color fields</h3>
				 <form action="test.php">
				    <label for="em"> enter emailid</label></br>
					<input type="email" id="em" name="em" required></br>
					<label for="url">enter url</label><br>
					<input type="url" id="url" name="url"><br>
					<label for="date">select date</label><br>
					<input type="date" id="d" name="d" min="2000-01-01" max="2024-12-09"><br>
					<label for="t">select time</label><br>
					<input type="time" id="t" name="t"><br>
					<label for="dt">select date & time</label><br>
					<input type="datetime-local" id="dt" name="dt"><br>
					<label for="w">select week</label><br>
					<input type="week" id="w" name="w"><br>
					<label for="m">select month</label><br>
					<input type="month" id="m" name="m"><br>
					<label for="c">select color</label><br>
					<input type="color" id="c" name="c" onchange="document.body.style.background=c.value"><br>

					<!--<input type="submit"> this one is old , new button tag is introduced only for input, this is semantic -->
					<button type="submit">Submit</button>
				 </form>

		 </body>
		 </html>