Untuk membuat text area seperti diatas, anda cukup mengcopy code dibawah ini dan masukan pada bagian
postingan anda, atau bisa juga anda masukan pada widget HTML anda.
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div>
<div style="text-align: center ;">
<textarea name="txt" style="-moz-border-radius: 12px; -moz-box-shadow: -1px -1px 1px #ff0000, 1px 1px 1px #ff0000, 1px 1px 5px #ff0000; -webkit-border-radius: 12px; -webkit-box-shadow: -1px -1px 1px #000000, 1px 1px 1px #000000, 1px 1px 5px #000000; background: #000000; border-radius: 12px; border: 10px solid #c30000; box-shadow: -1px -1px 1px #00ff00, 1px 1px 1px #00ff00, 1px 1px 5px #00ff00; color: white; height: 550px ; padding: 5px; width: 490px ;">
Masukan apapun yang anda ingin tampilkan pada Text Area ini, baik itu berupa
Text,Link ataupun Source gambar pada Text Area ini
</textarea></div>
</form>
Keterangan :
- Teks yang berwarna biru merupakan teks yang nantinya muncul pada kotak tersebut. Silahkan anda ganti dengan teks atau kode yang ingin anda tampilkankan dalam kotak tersebut.
- center yaitu menunjukkan posisi text dalam kotak tersebut di posisi tengah. Bila anda ingin meletakkan text tersebut dikanan. Anda cukup menggantinya dengan right dan Left bila anda ingin meletakkannya diposisi sebelah kiri.
- Width yaitu untuk ukuran lebar kotak dan Height untuk ukuran tinggi kotak. Silahkan anda ganti sesuai keinginan keinginan anda.
Ok mungkin cukup sampai disini dulu postingan saya mengenai cara membuat kotak teks area dengan tombol select all Versi 2 ini. semoga bermanfaat bagi anda.
Silahkan Berikan Komentar Anda, Terima Kasih
0 Respones to "Text Area Dengan Tombol Select All Versi 2"
Posting Komentar