Translate

Membuat Text Area dengan Event Attributes Onclick dan Readonly

Seperti yang kita tahu Text Area adalah teks yang berada pada suatu area atau kotak yang dibuat sesuai ukuran yang diinginkan dan akan mempunyai fungsi scroll apabila teks tersebut melebihi kapasitas dari area/kotak yang ditentukan besarnya itu.
Script sederhananya :

<textarea rows="2" cols="20">
Hifadh Tasikmalaya Blog, Seperti Air Yang Mengalir, Angin Yang berhembus, Ombak Yang berdebur, Api yang berkobar
</textarea>

Hasilnya terlihat seperti ini :



Event Attributes Onclick dan Readonly berfungsi untuk blok otomatis seluruh isi text dan menghindari edit pada hasil text area, sehingga script nya akan sebagai berikut :

<textarea rows="3" cols="25" readonly="readonly" onclick="focus();select()">
Hifadh Tasikmalaya Blog, Seperti Air Yang Mengalir, Angin Yang berhembus, Ombak Yang berdebur, Api yang berkobar
</textarea>

Maka hasilnya seperti ini :


Semoga bermanfaat

1 komentar:

Blog Serba Tersedia mengatakan...

Link Anda sudah saya pasang, silahkan dicek, thanks.