Membuat Text Area dengan Tombol Highlight All | Tutorial Blog
Tutorial kali ini saya akan coba berbagi tentang cara Membuat Text Area dengan tombol Highlight All. Dengan menggunakan Highlight All akan lebih memudahkan mengcopy kalimat/kode script yang ada di dalam text area.Untuk membuatnya cukup mudah, silahkan copy kode dibawah ini :
<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /> </div>
<div align="center">
<textarea cols="20" name="txt" rows="4" style="height: 80px; width: 180px;" wrap="VIRTUAL"><a href="http://wadahtutorial.blogspot.com/" rel="dofollow" target="_blank">Tutorial Blog</a></textarea></div>
</form>
</div>
Silahkan ganti tulisan yang berwarna biru dengan tulisan/ kode script yang anda inginkan. hasilnya akan seperti dibawah ini :<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /> </div>
<div align="center">
<textarea cols="20" name="txt" rows="4" style="height: 80px; width: 180px;" wrap="VIRTUAL"><a href="http://wadahtutorial.blogspot.com/" rel="dofollow" target="_blank">Tutorial Blog</a></textarea></div>
</form>
</div>
Sekian penjelasan singkat mengenai cara Membuat Text Area dengan tombol Highlight All.
Semoga bermanfaat . . .
Tidak ada komentar:
Posting Komentar
Anda diperkenankan untuk meninggalkan komentar.
Semua komentar yang masuk tanpa melalui proses seleksi sehingga komentar tidak mewakili opini dari blog ini
Silahkan klik Poskan Komentar atau Form Komentar jika kotak komentar belum muncul