1) Komponen text area multiline
Komponen text area merupakan area tempat untuk
menyimpan text atau tulisan baru, atau bisa dikatakan sebuah komponen HTML yang
digunakan untuk menampilkan text dalam bentuk dan format text.
Untuk menampung input teks yang panjang dan mungkin
tersusun atas lebih dari 1 baris, maka digunakan komponen input ‘textarea’.
TEXTAREA dapat digabungkan dengan tag FORM untuk menjadi inputan yang akan
diolah oleh file pemroses sebagaimana seperti yang telah dijelaskan pada tag
FORM tersebut.
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.
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>
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>
Tidak ada komentar:
Posting Komentar