-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathform.html
96 lines (96 loc) · 3.64 KB
/
form.html
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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="jhgdsjfiuewhi"/>
<meta name="author" content="procheta"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sample Form</title>
</head>
<body>
<br>
<a href="/images/city.png" download="city.png">Download</a> <!--download-->
<br>
<br>
<a href="mailto:[email protected]">Email</a> <!--email-->
<br>
<br>
<a href= “tel:+9162987297>Phone</a><!--phone-->
<br>
<br>
<form> <!--form opening tag. Needed to build HTML form.-->
<label for="name">Name:</label><br> <!--label tag-->
<input type="text" name="name" id="name" placeholder="enter your name" disabled value="procheta"> <!--takes user input of type "text"-->
<br>
<br>
<input type="text" name="name" id="name" placeholder="enter your name" readonly value="procheta">
<br>
<br>
<input type="number" name="number" placeholder="enter your number" max="10" min="5"> <!--takes user input of type "number"-->
<br>
<br>
<input type="email" name="email" placeholder="enter your email" pattern="^[a-zA-Z0-9+_.-]+@[a-zA-Z0-9.-]+$"> <!--takes user input of type "email"-->
<br>
<br>
password:
<input type="password" name="password" placeholder="enter your password" maxlength="4"> <!--takes user input of type "password"-->
<br>
<br>
<!--takes user radio button input-->
Male
<input type="radio" name="gender" value="male">
<br>
<br>
Female
<input type="radio" name="gender" value="female" checked> <!--takes user radio button input with auto-checked feature-->
<br>
<br>
<!--gives the options for user to select-->
<select name="cars">
<option value="Mercedes">Mercedes</option> <!--option tag with values-->
<option value="Alto">Alto</option>
<option value="Audi">Audi</option>
</select>
<br>
<br>
<!--takes user input as checkbox-->
<input type="checkbox" id="car1" name="car1" value="Mercedes">
<label for="car1">Mercedes</label>
<input type="checkbox" id="car2" name="car2" value="Audi" checked>
<label for="car2">Audi</label>
<br>
<br>
<!--takes user input color-->
<input type="color" id="favcolor" name="favcolor" value="#ff0000">
<br>
<br>
<!--hidden user input-->
<input type="hidden" id="helloID" name="helloID" value="76274">
<br>
<br>
<!--takes file input-->
<input type="file" id="myFile" name="myFile" required/>
<br>
<br>
<!--takes file input-->
<input type="date" name="date" id="date">
<br>
<br>
<!--takes input range-->
<input type="range" name="range" id="range" class="range" min="0" max="10">
<br>
<br>
<!--takes input url-->
<input type="url" name="website" id="website">
<br>
<br>
<!--submit button-->
<input type="submit" value="submit">
<!--reset button-->
<input type="reset">
</form> <!--form closing tag-->
</body>
<!--disabled: for diabling input box, checked: for autochecking a default value, max: max-limit, min: min-limit, maxlength: maximum length of
characters, pattern: for specifying regex pattern, readonly: only for reading, cannot be modified, required: mandatory fields,value: default
value of an input field-->