Show Textarea adalah elemen form untuk masukan berupa multi-line text. Jika pada input text kita hanya bisa memasukkan baris dalam satu baris saja, maka pada textarea kita bisa memasukkan text dalam beberapa baris. Textarea bisa menampung jumlah karakter yang tak terbatas dan biasanya text ditampilkan dalam font yang fix-width seperti Courier. Salah satu kelebihan dari textarea yang tidak dimiliki oleh elemen form yang lain adalah sifatnya yang sizeable, artinya bisa diubah-ubah ukurannya oleh pengguna. Meski demikian, ukuran textarea juga bisa diset saat form load dengan atribut cols dan rows. Ukuran textarea juga bisa diset melalui css. Cara membuat textarea pada formPada form html, textarea dibuat dengan menggunakan tag <textarea> dengan tag penutup </textarea. Jika ingin mengisikan data pada textarea bisa ditaruh diantara tag <textarea> dan </textarea>. Untuk melakukan pengaturan terharap textarea ada beberapa atribut yang bisa dipakai, diantaranya : 1.nameMerupakan atribut untuk mendefinisikan nama dari textarea. Atribut name ini berupa text. 2.autofocusDigunakan untuk menetapkan focus pada textarea saat pertama kali form di load. Atribut ini bernilai boolean dan untuk menggunakan atribut ini cukup ditulis nama atribut saja tanpa value. 3.colsDigunakan untuk menetapkan lebar sebuah textarea saat diload. Atribut ini bernilai angka (integer). 4.rowsDigunakan
untuk menetapkan tinggi sebuah textarea saat diload. Atribut ini bernilai angka (integer). 5.disabledDigunakan untuk membuat textarea dalam kondisi tidak bisa dipakai, artinya text area tidak dapat diedit dan diselect. Atribut ini bernilai boolean dan untuk menggunakan atribut ini cukup ditulis nama atribut saja tanpa value. 6.maxlengthMerupakan atribut untuk membatasi jumlah karakter dalam textarea. Ini digunakan untuk membatasi jumlah dari textarea yang tak terbatas yang bisa menyebabkan error saat proses submit form. 7.placeholderBerfungsi memberikan petunjuk terhadap pengisian textarea. Petunjuk ini akan tampil saat textarea kosong dan akan menghilang saat textarea diisi atau focus. 8.readonlyDigunakan untuk membuat tulisan pada textarea hanya bisa dibaca saja. Atribut ini berbeda dari disabled, karena isi dari textarea masih bisa diselect, dicopy dan disubmit. Atribut ini bernilai boolean dan untuk menggunakan atribut ini cukup ditulis nama atribut saja tanpa value. 9.requiredMerupakan atribut untuk
membuat kondisi textarea harus diisi saat form disubmit. Atribut ini bernilai boolean dan untuk menggunakan atribut ini cukup ditulis nama atribut saja tanpa value. 10.wrapAtribut ini menentukan bagaimana textarea dikemas saat proses submit form. Penggunaan textareaTextarea biasanya digunakan untuk masukan multi-line text seperti saat memasukkan komentar pada suatu blog. Contoh lain adalah saat melakukan posting artikel pada blog juga menggunakan textarea. Jika hanya menggunakan satu baris text sebaiknya digunakan input text bukan textarea. Menentukan text awal pada textareaSaat form load kita bisa menampilkan text awal pada textarea dengan cara menaruh text tersebut diantara tag <textarea> dan </textarea>. Teks ini bisa panjang tak terbatas. Text awal ini juga menjadi nilai balikan textarea saat form disubmit. Mengambil nilai dari textareaCara mengambil nilai dari textarea mengacu pada nama textarea dan menggunakan variabel super global sesuai metode form yang dipilih. Untuk menampilkan text dengan karakter enter (baris baru) harus digunakan fungsi nl2br(). Jika tidak maka text akan ditampilkan urut secara horiszontal tanpa baris baru, meski pada textarea ditulis baris baru. Contoh penggunaan textarea pada PHPMembuat textarea pada formSilahkan isi komentar:<br/> Tampilan form diatas pada browserSilahkan isi komentar: Membuat script untuk menangani textarea<?php Penjelasan scriptPada form terdapat satu textarea dan satu tombol submit. Ukuran textarea diset tinggi 5 baris dan lebar 50 kolom, kemudian diberi nama komentar. Pada textarea tersebut tidak ditulis text awal, jadi antara tag <textarea> dan </textarea> dikosongkan. Untuk mengambil data dari form prinsipnya sama seperti yang lain, dalam hal ini form di submit dengan metode post maka pengambilan data menggunakan variabel $_POST. Kemudian data akan dicek, jika kosong/belum diisi akan ditampilkan pesan “Anda belum mengisi komentar!”. Dan jika sudah diisi akan ditampilkan dengan
terlebih dahulu diproses oleh function nl2br() untuk menambahkan tag Referensi :
|