-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path12 and 13.BasicForm.html
93 lines (79 loc) · 2.57 KB
/
12 and 13.BasicForm.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
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<form action="">
<input type="text" name="" id="">
</form>
<hr>
<h4>Ngasih label</h4>
<form action="">
<label for="username"><b>Username : </b></label>
<input type="text" name="Username" id="username">
<br>
<label for="password"><b>Password :</b></label>
<input type="password" name="Password" id="password">
<br><br>
<p><b>Jenis Kelamin</b></p>
<label for="Pria">Pria</label>
<input type="radio" name="JenisKelamin" id="Pria">
<label for="Wanita">Wanita</label>
<input type="radio" name="JenisKelamin" id="Wanita">
<!--
atribut name berguna untuk grouping, sehingga pada radio button tidak akan dapat memilih keduanya
-->
<br><br>
<p><b>HOBBY</b></p>
<label for="Menyanyi">Menyanyi</label>
<input type="checkbox" name="Hobby" id="Penyanyi">
<label for="Bermain">Bermain</label>
<input type="checkbox" name="Hobby" id="Bermain">
<label for="Bruh">Bruh</label>
<input type="checkbox" name="Hobby" id="Bruh">
<br><br>
<button type="button">Bruh</button> <!-- Tidak disaarankan menggunakan input Karena biasanya tombol itu bukan suatu input-->
</form>
<br>
<hr>
<br>
<form action="">
<textarea name="" id="" cols="30" rows="10"></textarea>
</form>
<br>
<hr>
<br>
<form action="">
<select name="" id="">
<option value="Jakarta">Gud</option>
<option value="Jakarta">Get</option>
<option value="Jakarta">Git</option>
</select>
</form>
</body>
</html>
<!--
Mengelola data dari input dari sebuah user
Jenis
1. Text Field
2. Combo box / Drop down / List Box
3. Radio Button
4. Check Box
Dasar
<form></form>
Elemen
1. Input = user menginputkan sesuatu
<input type="">
ada atribut:
text, password, radio, checkbox, submit, reset button
2. Textarea = menginputkan pesan
<textarea></textarea>
3. Select = membuat dropdown
<select></select>
<option> {untuk menambahkan opsion2 pada dropdown}
4. Button = sebagai tombol
<button type=""> </button>
ada atribut
submit, reset, button
5. Label = menandai sebuah elemen input
-->