Sekarang kita akan belajar fungsi Textarea dan penggunaannya..
Fungsi Tag Textarea dalam pembuatan Form HTML
Objek form textarea digunakan untuk membuat text inputan yang bisa menampung lebih dari 1 baris inputan. Tag textarea mirip dengan tag input type text, namun memiliki kelebihan untuk menampung beberapa baris. Biasanya textarea digunakan untuk inputan yang panjang, seperti komentar, keterangan, atau catatan.
Untuk menggunakan textarea, kita cukup membuat tag textarea sebagai berikut:
<textarea></textarea>
Code tersebut bisa dimasukkan diantara <body> dan </body>
Diantara tag pembuka dan penutup bisa diselipkan text yang akan ditampilkan sebagai isian awal dari text area seperti berikut ini:
<textarea>Silakan isi Komentar Anda</textarea>
Atribut name: Untuk pemrosesan Tag Textarea
Walaupun tidak harus, namun jika text area digunakan di dalam form, maka atribut nameberfungsi sebagai identitas dari tag textarea tersebut. Identitas ini diperlukan pada saat pemrosesan di sisi server (misalnya menggunakan PHP). Atribut name inilah yang akan menjadi varibel penampung nilai yang dipilih oleh user. Atribut name diletakkan di dalam tag textarea:
<textarea name="komentar">Silahkan isi komentar anda</textarea>
Atribut cols dan rows: Menentukan Lebar dan Tinggi Textarea
Kedua atribut ini berfungsi untuk membatasi tampilan lebar kolom(cols) dan tinggi baris (rows) dari textarea. Nilai yang diinput adalah jumlah karakter yang menjadi lebar dari text area. Misalkan kita membuat atribut cols=”40”, maka text area akan memiliki lebar 40 karakter. Namun lebar ini tidak akan persis sama dengan 40 karakter, karena akan tergantung font, serta jenis huruf yang diinput.
Contoh penggunaan atribut cols dan rows:
<textarea cols="40">Silahkan isi komentar anda</textarea>
<textarea cols="40" rows="10">Silahkan isi komentar anda</textarea>
Atribut disabled dan readonly: menonaktifkan tag Textarea
Atribut disabled dan readonly digunakan untuk membuat textarea tidak bisa digunakan. Penggunaan atribut ini biasanya di kombinasikan dengan javascript agar berfungsi maksimal. Misalkan sebuah textarea hanya dapat diisi ketika user telah mengisi kotak isian lainnya.
Kedua atribut ini hanya memiliki 1 nilai, yaitu dirinya sendiri, yang ditulis dengan disabled=”disabled” dan readonly =“readonly”. Berikut contoh penulisannya:
<textarea readonly="readonly">Silahkan isi komentar anda</textarea>
<textarea disabled="disabled">Silahkan isi komentar anda</textarea>
Kenapa? Bingung yaa?:v Inii hasil keseluruhan codingannyaa...
Dann hasilnya seperti inii... Ukuran bisa disesuaikan dengan syntaxnyaa yaa. Lalu diklik menggunakan mouse ataupun touchpad.
Sekianlaah bahasan kita tentang Textarea semoga bermanfaat. Wassalammualaikum.Wr.Wb
This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.
ConversionConversion EmoticonEmoticon