Text area merupakan salah satu hal penting untuk memperingkas sebuah posting dalam blog, apalagi text kode yang begitu panjang apabila tidak dimuat dalam text area maka akan memanjang kebawah, dan pastinya membuat susah pengunjung blog untuk mengcopy text tersebut.
seperti artikel sebelumnya cara membuat teks area
Kode HTML untuk membuat text area dengan tombol pilih semua / Select all.
Silakan copy paste code dibawah ini:
<code><span ><div><form name="copy"><div align="center"><input value="Pilih Semua" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"> </div><div align="center"></div><p align="center"><textarea rows="3" cols="20" style="border: 8px inset rgb(104, 104, 204); padding: 0pt 1px; background: rgb(100, 100, 200) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(255, 255, 255); line-height: 1.5em; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;" name="txt" wrap="VIRTUAL">
Masukan text / kode anda di sini
</textarea></form></div></span></code>
Keterangan:
Berikut ini saya berikan contoh text area pilih semua / select all:
Selamat mencoba!!!
seperti artikel sebelumnya cara membuat teks area
Kode HTML untuk membuat text area dengan tombol pilih semua / Select all.
Silakan copy paste code dibawah ini:
<code><span ><div><form name="copy"><div align="center"><input value="Pilih Semua" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"> </div><div align="center"></div><p align="center"><textarea rows="3" cols="20" style="border: 8px inset rgb(104, 104, 204); padding: 0pt 1px; background: rgb(100, 100, 200) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(255, 255, 255); line-height: 1.5em; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;" name="txt" wrap="VIRTUAL">
Masukan text / kode anda di sini
</textarea></form></div></span></code>
Keterangan:
- Text warna biru: bisa sobat ganti dengan select all / block all / tandai semua dan lain-lain sesuai selera sobat.
- Text warna merah: adalah ketinggian text area tersebut, silakan sobat sesuaikan sendiri.
- Text warna kuning: adalah panjang kolom text area tersebut, silakan sobat sesuaikan sendiri.
- text warna putih: merupakan tempat untuk kode yang inggin sobat taruh di dalam text area tersebut.
Berikut ini saya berikan contoh text area pilih semua / select all:
Selamat mencoba!!!
Post a Comment