HTML <textarea> Tag
(Hyper Text Markup Language)
Referensi Belajar HTML textarea tag. Tutorial dan panduan mengenai element <textarea>...</textarea> yang digunakan untuk input data pada kotak area lebih dari satu baris. Mencakup penjelasan yang disertai contoh kode penggunaan sebagai rujukan untuk materi belajar HTML elemen <textarea>.
|
Deskripsi Penjelasan HTML textarea |
HTML <textarea> element merepresentasikan input control yang memiliki area teks lebih dari satu baris. Untuk mengatur tinggi dan lebar dari area teks tersebut dapat digunakan attribute rows (untuk baris) dan cols (untuk kolom), atau lebih baik lagi dengan CSS height dan width property.
Teks yang ditulis didalam element <textarea> merupakan teks dasar dengan karakter tanpa batas. teks tersebut dapat disisipkan secara langsung diantara tag pembuka (<textarea) dan tag penutup (</textarea>) sebagai awal konten.
|
Attributes Atttibut HTML Tag <textarea> |
autofocus
Menentukan bahwa area teks secara otomatis harus fokus (berada padanya) ketika halaman dimuat.
Value: autofoxus
cols
Menunjukkan kolom. Menentukan lebar dari textarea.
Value: nomor
disabled
Menentukan bahwa textarea nonaktif (tidak dapat diedit).
Value: disabled
form
Menentukan id dari form. textarea ditujukan untuk form dengan nama id uang sama.
Value: id dari form
maxlength
Menentuka maksimal jumlah karakter yang dapat di input pada area teks tersebut.
Value: nomor
minlength
Menentukan minimum jumlah karakter yang dapat di-input pada area teks tersebut.
Value: nomor
nama
Menentukan nama untuk textarea
Value: teks
readonly
Menunjukkan bahwa textarea hanya dapat dibaca (tidak dapat dihapus atau diubah).
Value: readonly
required
Menunjukan bahwa textarea wajib diisi, jika tidak diisi maka tindakan selanjutnya tidak akan diproses dan akan muncul pesan error.
Value: required
rows
Menunjukkan jumlah baris pada textarea, semakin besar jumlahnya maka tinggi element textarea akan bertambah.
Value: nomor
wrap
Menentuka bagaimana area teks dilipat (wrap) ketika dikirimkan pada sebuah form.
Value: hard atau seft
<tekstarea>tag mencakup global attributes, yang artinya tag tersebut dapat disipkan semua atrrributes yang termasuk dalam global attributes yang secara umum berlaku untuk semua HTML tags.
Silahkan lihat referensi mengenai HTML Globat Attribute
Event Attributes
Atribut event (Peristiwa)
<textaria> tag mencakup event attributes, yang artinya attribute tersebut dijalankan scrip (JavaScript) ketika halaman web pada jendela browser hendak ditutup, dan lain sebagainya.
Silahkan, lihat referensi mengenai HTML Events Attribute.
5 HTML |
|
| 1 3 |
1 <textarea rows="7" colos=80"> 2 Tulus Pesan Anda dengan Lengkap. 3. </textaria> |
Contoh Lengkap
Contoh source code lengkap disertai dengan link "editor" untuk mencoba/try it dan melihat hasil (Preview) kode.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Demo HTML textarea tag</title>
<style>
</style>
</head>
<body>
<label for="message">Pesan:</label> <br>
<textarea id="message" rows="7" cols="80">
Tulis Pesan Anda dengan Lengkap.
</textarea>
</body>
</html>
Sumber: Apacara.com
0 comments:
Posting Komentar
Thank for your visit, leave your suggestions and comments in the fields below ...
Silahkan meninggalkan komentar anda sehingga kita dapat berbagi pemikiran Anda dengan pengunjung lainnya.