2) Komponen input text password
Komponen input text password bertanggung jawab
untuk memasukan data password. Dari atribut-atribut tersebut, yang utama dan
terutama harus disesuaikan atau diberi nama sesuai dengan item datanya adalah
atribut ‘name’, karena file yang dituju pada atribut action di tag form, yang
biasanya adalah file server side scripting (PHP) akan mengambil input dari form
berdasarkan atribut nama (‘name’) dari komponen input form tersebut.Disamping
tipe text, terdapat pula tipe input teks yang lain, yakni ‘password’. Input tpe
‘password’ ini akan menghasilkan input dengan notasi ’●’. Biasanya input tipe
‘password’ digunakan dalam form untuk masukan kata kunci atau password dari
pengguna di dalam form login.Format dari elemen input text password HTML-nya
adalah sebagai berikut :
<input type=password name=name>
<input type=password name=name maxlength=length>
<input type=password name=name size=size>
<input type=password name=name value=value>
Berikut adalah penggalan listing program penulisan
form input password, dimana form diberi nama=pwd dengan panjang maximal
karakternya adalah 6.
<!doctype html>
<html>
<head>
<title>penulisan password </title>
</head>
<body>
<form >
Password: <input
type="password" name="pwd" maxlength="6">
</form>
</body>
</html>
3) Komponen
input text
Komponen input text merupakan komponen untuk
memasukan data text ke server dalam bentuk textfield.Format tag HTML-nya adalah
sebagai berikut :
<INPUT TYPE=TEXT NAME=name>
<INPUT TYPE=TEXT NAME=name MAXLENGTH=length>
<INPUT TYPE=TEXT NAME=name SIZE=size>
<INPUT TYPE=TEXT NAME=name VALUE=value>
Berikut contoh listing program yang menggunakan
form input
Contoh bentuk tampilannya adalah sebagai berikut :
<!doctype html>
<html>
<head>
<title>input text</title>
</head>
<body>
<form>
Nama : <input type="text" name="nama"><br>
Sekolah : <input type="text" name="sekolah">
</form>
</body>
</html>
4) Form menggunakan input hidden
Format tag form input hidden HTML-nya adalah
sebagai berikut :
<INPUT TYPE=HIDDEN NAME=name VALUE=value>
Pada format form input hidden ditandai dengan
atribut form type =hidden pada tag <input>, yang artinya ada form inputan
yang disembunyikan atau tidak tidak tampilkan. Untuk selengkapnya dapat dilihat
pada program berikut
Bila listing program diatas dijalankan dibrowser
akan menghasilkan tampilan sebagai berikut :
<!doctype html>
<html>
<head>
<title>hidden input file </title>
</head>
<body>
<form >
Nama : <input type=”
name=”fnama”><br>
<input type=”hidden” name=”negara” value=”Indonesia”>
<input type=”submit” value=”Submit”>
</form>
</body>
</html>
Bila tag type=”hidden”
dihilangkan maka pada <input type=”hidden”> maka menghasilkan tampilan
sebagai berikut :
<form >
Nama : <input type=”text”
name=”fnama”><br>
|
<input name=”negara” value=”Indonesia”>
|
<input type=”submit” value=”Submit”>
</form>
Tidak ada komentar:
Posting Komentar