Komponen text area multiline - Catatan Faiq Hisyam Marwan

Contact Form

 

Komponen text area multiline

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.
Format umum penulisan text area multiline

<textarea  atribute=”atribute">

Terdapat beberapa atribut dari text area,  diantaranya row,col dan lain sebagainya. Pada HTML 5 menyediakan banyak 6 atribut baru textarea.

Atribut
Value
Keterangan
Autofocus
àbaru dihtml 5
autofocus
Area tertentu pada text area, dimana kursor y otomatis mengarah ke daerah tersebut ketika halaman web diload.
Cols
number
Menentukan lebar text area
Disabled
disabled
Text area dapat diubah
Form
form_id
Satu atau lebih form pada text area
àbaru dihtml 5

Menentukan panjang karakter pada text area
Maxlength
àbaru dihtml 5
Number
Menentukan panjang karakter pada text area
Name
text
Nama dari text area
Placeholder
àbaru dihtml 5
text
Memberikan gambaran singkat tentang nilai pada tex tarea
Readonly
readonly
Text area bersifat read-only
Required
àbaru dihtml 5
required
Menentukan text area tersebut harus diisi atau tidak.
Rows
number
Menentukan tinggi text area

Wrap
àbaru dihtml 5
hard
soft
Menentukan bagaimana cara teks dikemas dalam text area sebelum teks tersebut dikirimkan
NAME
Atribut ini digunakan untuk meemberikan nama dari TEXTAREA. Atribut ini akan sangat berguna jika tag TEXTAREA digabungkan dengan tag FORM.
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>

Total comment

Author

Faiq Hisyam Marwan

0   comments

Cancel Reply