<INPUT>
Untuk membuat kontrol kotak teks yang terdiri dari satu baris check box, radio button, tombol submit dan reset, teks tersembunyi dan password.
CHECKED digunakan pada TYPE=CHECKBOX dan TYPE=RADIO yang menyatakan suatu item dipilih atau tidak
MAXLENGTH untuk menyatakan jumlah maksimal karakter yang dapat dimasukan
NAME untuk memberikan nama dari kontrol pada form.
SIZE untuk menyatakan ukuran dari kontrol
TYPE untuk menyatakan jenis kontrol yang digunakan seperti TEXTAREA, CHECKBOX,
TEXTBOX dan sebagainya
VALUE untuk menyatakan nilai default untuk suatu kontrol.
Kontrol Teks
Dalam bentuk kotak teks yang digunakan untuk memasukan data teks.
Contoh:
<html>
<head>
<title>Penggunaan Input Teks</title>
</head>
<body>
<form action=" " method="post">
Nama: <input type=”text” name=”nama” size=”15” maxlength=”12”>
</form>
</body>
</html>
Kontrol Password
Memberikan keamanan dalam pemasukan data.
Contoh:
<html>
<head>
<title>Penggunaan Password</title>
</head>
<body>
<form action=" " method="post">
Password: <input type=password name=”rahasia” size=”30” maxlength=”30”>
</form>
</body>
</html>
Kontrol Checkbox
Kotak kecil yang menampilkan tanda √ jika kotak tersebut diklik.
Contoh:
<html>
<head>
<title>Penggunaan Checkbox</title>
</head>
<body>
<form action=" " method="post">
<input type=checkbox name=”checkbox1” value=”checkbox_nilai1”>kotak checkbox
<input type=checkbox name=”checkbox2” value=”checkbox_nilai2” checked>kotak checkbox default
</form>
</body>
</html>
Kontrol Radio Button
Kontrol yang hanya dapat mempunyai satu nilai dari beberapa kemungkinan nilai-nilai lainnya.
Contoh:
<html>
<head>
<title>Penggunaan Radio Button</title>
</head>
<body>
Form [1]
<form action=" " method="post">
<INPUT TYPE=radio NAME=”pilih” VALUE=”pilihan1”>Ya
<INPUT TYPE=radio NAME=”pilih” VALUE=”pilihan2”>Tidak
</form>
Form [2]
<form action=" " method="post">
<INPUT TYPE=radio NAME=”pilih” VALUE=”pilihan1” CHECKED>Ya
<INPUT TYPE=radio NAME=”pilih” VALUE=”pilihan2”>Tidak
</form>
</body>
</html>
Tombol Reset
Digunakan jika pembaca ingin menghapus atau mengulangi pemasukan data.
Contoh:
<html>
<head>
<title>Penggunaan Reset</title>
</head>
<body>
<form action=" " method="post">
<input type=reset>
<br>
<input type=reset value=hapus_form!!!>
</form>
</body>
</html>
Tombol Submit
Digunakan jika pembaca ingin mengirimkan pemasukan data.
Contoh:
<html>
<head>
<title>Penggunaan Submit</title>
</head>
<body>
<form action=" " method="post">
<input type=submit>
<br><br>
<input type=submit value=kirim_dunk!!!>
</form>
</body>
</html>
No comments:
Post a Comment