Jenis
Control Memasukan Data Dalam HTML
Text
Box
Text
box merupkan salah satu jenis control untuk memeasukkan data, html menyediakan
text (input) dengan atribute type=”text” untukmembuat kotak input. Jika type
diberi nilai text maka masukan hingga bias menerima satu baris data, selain attribute
type pada text input juga bisa ditambahkan attribute NAME untuk membri nama
input tersebut value untuk memberikan nilai suatu input, atribut size untuk
menetukan besar terpanjang sebuah masukan, nilai value juga menjadi tulisan
yang tampak pada browser.
Anda
bisa menyembunyikan masukan yang ditulis user dengan member nilai
type=”pasword”. Masukan akan menjadi karakter “*”, perhatikan contoh
berikut ini :
Contoh :
<html>
<head>
<title>form
input dengan textbox </title>
</head>
<body>
<p> Rancangan awal buku tamu
</p>
<table border: “0” cell padding=
“0” cell spacing= “2”>
<tr>
<td width=
“11%”>Nama</td>
<td width=
“3%”>:</td>
<tdwidth= “80%”><input
type =”text” name =“Nama” size =”20”></td>
<tr>
<tr>
<td width= “11%”>Alamat</td>
<td width=
“3%”>:</td>
<tdwidth= “86%”><input
type =”text” name =“Alamat” size =”20”></td>
</tr>
</tr>
<td width=
“11%”>Sekolah</td>
<td width=
“3%”>:</td>
<tdwidth=
“86%”><input type =”text” name =“Nama” size =”20”></td>
<tr>
</table>
</body>
</html>
Check
box
Selain atribute type bernilai text
dan password, anda bisa member nilai attribute type dengan check box yang
digunakan untuk memberi user pilihan dengan menggunakan ceck box. User bisa
memilih salah satu pilihan dan lebih dari satu pilihan ataupun tidak memilih
semua pilihan.
Perhatikan contoh
berikut :
Contoh
<html>
<head>
<title> form
input dengan checkbox</title>
</head>
<body>
<p> Pilih yang anda suka
</p>
<p> Daftar jurusan <p>
<p><input type =”checkbox”
Name =”c1” chexkbox>
Administrasi
Bisnis<br>
<input type
=”checkbox” Name =”c2”> Teknik
Informatika<br>
<input type =”checkbox” Name
=”c3”> Manajemen
Informatika<br>
<input type =”checkbox” Name
=”c4”>
Teknik
Elektro</br>
</body>
</html>
Tidak ada komentar:
Posting Komentar