Tutorial kali ini saya akan membahas tetang cara membuat text area. Text area bisanya digunakan banyak orang untuk meletakan kode HTML Tukar link ataupun teks lain didalam sebuah area baru, selain itu juga teks area dapat dimanfaatkan agar dapat menghemat halaman posting supaya tidak terlalu panjang. Salah satu contoh dari teks area yang saya maksut seperti ini :
Texs area yang diatas sudah menggunakan fasilitas higtlight/Select All Dan masih ada jenis teks area yang lain seperti Teks area standar, Onclik higlight, Sensitif higtlight. teks area tersebut akan saya bahas satu persatu
Biar gk penasaran langusung saja kita bahas cara membuat teks area. Langkah-langkahnya adalah :
- Teks area standar KODE :
- Teks area dengan tombol higlight KODE :
<textarea rows="8" cols="30" style="display: inline;" name="txt">Isi teks atau kode HTML anda disini</textarea>
HASIL :
<form name="copy"><div align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/></div><p style="text-align: center;"><textarea style="padding: 3px; cols:200px; rows:50px;" name="txt"> Isi teks atau kode HTML anda disini</textarea></p></form>
HASIL : <textarea rows="8" cols="20" style="display: inline;" name="txt" onclick="this.focus();this.select()">Isi teks atau kode HTML anda disini</textarea>
HASIL:
<textarea rows="8" cols="20" onfocus="this.select()" style="display: inline;" onmouseover="this.focus()" name="txt" onclick="this.focus();this.select()">Isi teks atau kode HTML anda disini</textarea>
HASIL : 
Tidak ada komentar:
Posting Komentar
Berkomentarlah
Demi pembelajaran kita bersama
Kritik dan saran anda sangat diperlukan demi memperbaiki Ide dan gagasan kita semua untuk kedepannya
Salam Blogger .. !!