Komponen text area merupakan area tempat untuk menyimpan text atau tulisan
baru.untuk menampung input teks yang panjang dan mungkin tersusun atas lebih
dari 1 baris, maka digunakan komponen input ‘textarea’.
Contoh penulisan :
<html>
<head>
<title>cek form</title>
</head>
<body>
<p>silahkan diisi pada teks area yang tersedia</p>
<p><textarea NAME="papan tulis" COLS=40 ROWS=6>
</textarea></p>
</body>
</html>
Bila listing kode diatas dijalankan akan menghasilkan tampilan pada halaman web seperti berikut :
Silahkan diisi pada teks area yang tersedia
COLS Atribut COLS digunakan untuk menentukan lebar dari TEXTAREA.
READONLY Atribut ini digunakan agar tulisan yang terdapat didalam TEXT AREA hanya dapat dibaca dan disalin tapi tidak dapat diubah.
cara penulisannya cukup menambahkan READONLY pada tag <textarea>
Contoh penulisan :
<TEXTAREA NAME="untuk dibaca" COLS=40 ROWS=6 READONLY>
Tulisan ini tidak dapat diubah tapi bisa disalin.
</TEXTAREA>
DISABLED Atribut ini digunakan agar tulisan yang terdapat didalam TEXTAREA tidak dapat disalin dan diubah.
Cara penulisannya sama seperti READONLY.
2) Komponen input text password
Komponen input text password bertanggung jawab untuk memasukan data 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>
<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 >
<html>
<head>
<title>input text</title>
</head>
<body>
<form>
Nama: <input type="text" name="nama"> <br>
Sekolah: <input type="text" name="sekolah"> <br>
</form>
</body>
</html>
<head>
<title>cek form</title>
</head>
<body>
<p>silahkan diisi pada teks area yang tersedia</p>
<p><textarea NAME="papan tulis" COLS=40 ROWS=6>
</textarea></p>
</body>
</html>
Bila listing kode diatas dijalankan akan menghasilkan tampilan pada halaman web seperti berikut :
Silahkan diisi pada teks area yang tersedia
COLS Atribut COLS digunakan untuk menentukan lebar dari TEXTAREA.
READONLY Atribut ini digunakan agar tulisan yang terdapat didalam TEXT AREA hanya dapat dibaca dan disalin tapi tidak dapat diubah.
cara penulisannya cukup menambahkan READONLY pada tag <textarea>
Contoh penulisan :
<TEXTAREA NAME="untuk dibaca" COLS=40 ROWS=6 READONLY>
Tulisan ini tidak dapat diubah tapi bisa disalin.
</TEXTAREA>
DISABLED Atribut ini digunakan agar tulisan yang terdapat didalam TEXTAREA tidak dapat disalin dan diubah.
Cara penulisannya sama seperti READONLY.
2) Komponen input text password
Komponen input text password bertanggung jawab untuk memasukan data 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>
<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 >
<head>
<title>input text</title>
</head>
<body>
<form>
Nama: <input type="text" name="nama"> <br>
Sekolah: <input type="text" name="sekolah"> <br>
</form>
</body>
</html>
