Pengertian komponen text area multiline dan contoh pemograman nya

5:26 AM
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. 

Format  umum  penulisan  text  area  multiline

 <textarea  atribute=”atribute"> 

NAME 

Atribut ini digunakan untuk meemberikan nama dari TEXTAREA. Atribut ini akan sangat berguna jika tag TEXTAREA digabungkan dengan tag FORM.   
Contoh  penulisan  : 
<!DOCTYPE html> 
<html> 
<head> 
<title>cek form </title> 
</head> 
<body> 
<p> Silahkan diisi pada teks area yang  tersedia</p> 
<p><textarea NAME=”papantulis” COLS=40 ROWS=6> </textarea></p> </body>
 </html> 

COLS
Atribut  COLS  digunakan  untuk  menentukan  lebar  dari  TEXTAREA.  Contoh berikut  menampilkan  3  komponen  textarea  dengan lebar  textarea  bervariasi  : 

<!DOCTYPE html> 
<html> 
<head> 
<title>cek form </title> 
</head> 
<body> 
<p> Silahkan diisi pada teks area yang tersedia</p> 
<TEXTAREA NAME="rendah" COLS=30 ROWS=5></TEXTAREA> 
<TEXTAREA NAME="sedang" COLS=30 ROWS=10></TEXTAREA> 
<TEXTAREA NAME="tinggi" COLS=30 ROWS=20></TEXTAREA> 
</body> 
</html> 

 READONLY 
Atribut ini digunakan agar tulisan yang terdapat didalam TEXT AREA hanya dapat dibaca dan disalin tapi tidak dapat diubah. Contoh : 
<!DOCTYPE html> 
<html> 
<head> 
<title>cek form </title> 
</head> 
<body> 
<TEXTAREA NAME=”untukdibaca” COLS=40 ROWS=6 READONLY> Tulisan ini tidak dapat diubah tapi bisa disalin.   </TEXTAREA>
</body> 
</html> 

DISABLED 
Atribut  ini  digunakan  agar  tulisan yang  terdapat  didalam  TEXTAREA  tidak  dapat disalin dan diubah. Contoh  : 
<!DOCTYPE html> 
<html> 
<head> 
<title>cek form </title> </head> 
<body> 
<TEXTARE NAME=”terlarang” COLS=40 ROWS=6 DISABLED> Tulisan ini tidak dapat disalin maupun diubah.     </TEXTAREA> 
</body> 
</html>

Artikel Terkait

Previous
Next Post »