-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsession03.html
136 lines (123 loc) · 4.95 KB
/
session03.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
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<form>form element</form>
<form>
<label>First name:</label><br />
<input type="text" name="first" value="Mickey" /><br />
<label>Last name:</label><br />
<input type="text" name="last" value="Mouse" /><br /><br />
<input type="submit" value="Submit" />
</form>
<form action="https://www.google.com.vn">
<input type="text" name="input" />
<input type="submit" value="Tìm kiếm" />
</form>
<form action="https://learn.rikkeiacademy.com/" method="get">
<input type="text" name="input" />
<input type="submit" value="Tìm kiếm" />
</form>
<!-- xem thông tin đã gửi bằng cách vào network trong inspect element chọn thẻ payload -->
<form action="https://learn.rikkeiacademy.com/" method="post">
<input type="text" name="input" />
<input type="submit" value="Tìm kiếm" />
</form>
<form action="https://learn.rikkeiacademy.com/">
<fieldset>
<legend>Personal information</legend>
<label>First name:</label><br />
<input type="text" name="firstName" value="Mickey" /><br />
<label>Last name:</label><br />
<input type="text" name="lastName" value="Mouse" /><br /><br />
<input type="submit" value="Tìm kiếm" />
</fieldset>
</form>
<form action="https://learn.rikkeiacademy.com/">
<label>Password:</label>
<input type="password" name="password" />
</form>
<form action="https://learn.rikkeiacademy.com/">
<label>Sở thích:</label><br />
<input type="checkbox" />Du lịch<br />
<input type="checkbox" />Thể thao<br />
<input type="checkbox" />Nấu ăn<br />
</form>
<form action="https://learn.rikkeiacademy.com/">
<!-- chú ý phải có name giống nhau-->
<label>Sở thích:</label><br />
<input type="radio" name="a" value="Du lịch" />Du lịch<br />
<input type="radio" name="a" value="Thể thao" />Thể thao<br />
<input type="radio" name="a" value="Nấu ăn" />Nấu ăn<br />
</form>
<form action="https://learn.rikkeiacademy.com/">
<label>Account:</label>
<input type="text" name="account" value="admin" /><br />
<label>Sở thích:</label><br />
<input type="radio" name="a" value="Du lịch" />Du lịch<br />
<input type="radio" name="a" value="Thể thao" />Thể thao<br />
<input type="radio" name="a" value="Nấu ăn" />Nấu ăn<br />
<input type="reset" value="Reset" />
</form>
<form action="https://learn.rikkeiacademy.com/" method="get">
<label>Account:</label>
<input type="text" name="account" value="admin" /><br />
<label>Sở thích:</label><br />
<input name="a" value="travel" type="radio" />Du lịch<br />
<input name="a" name="sport" type="radio" />Thể thao<br />
<input name="a" name="cooking" type="radio" />Nấu ăn<br /><br />
<input type="submit" value="Submit" />
</form>
<form action="https://learn.rikkeiacademy.com/" method="get">
<label>Account:</label>
<input type="hidden" name="account" value="admin" /><br />
<label>Sở thích:</label><br />
<input name="a" value="travel" type="radio" />Du lịch<br />
<input name="a" name="sport" type="radio" />Thể thao<br />
<input name="a" name="cooking" type="radio" />Nấu ăn<br /><br />
<input type="submit" value="Submit" />
</form>
<br />
<!-- input button khác button , button mặc định là submit-->
<form action="https://learn.rikkeiacademy.com/" method="get">
<button type="button">
<img
src="https://haycafe.vn/wp-content/uploads/2022/02/anh-meo-cute-hinh-cute-meo.jpg"
width="100px"
/>
</button>
<input type="button" value="OK" onclick="msg()" />
<input type="number" name="tuổi" value="0" />
<input type="color" name="color" value="màu" />
<script>
function msg() {
alert("Hello world!");
}
</script>
</form>
<form action="https://learn.rikkeiacademy.com/" method="get">
<label>Description:</label><br />
<textarea cols="50" rows="4">
This is a very very long text text text text text text</textarea
>
</form>
<select name="city">
<option value="hn">Hà Nội</option>
<option value="hp">Hải Phòng</option>
<option value="dn">Đà Nẵng</option>
<option value="sg">Sài Gòn</option>
<option value="ct">Cần Thơ</option>
</select>
<select name="city" multiple>
<option value="hn">Hà Nội</option>
<option value="hp">Hải Phòng</option>
<option value="dn">Đà Nẵng</option>
<option value="sg">Sài Gòn</option>
<option value="ct">Cần Thơ</option>
</select>
</body>
</html>