Text Area dengan Fasilitas Tandai Semua

Pada postingan kali ini de2azhar akan membahas tentang cara membuat text area dengan menggunakan fasilitas tandi semua. silahkan kawan-kawan pelajari postingan kali ini. Pada postingan kali ini de2azhar akan menguraikan penggunaan text area dengan dua cara text area:

Gak usah bicara panjang lebar langsung ke TKP aja. HHHHAAAAHHHHH TKP . Ayoooooo

Text Area 1

Cara Penulisan:

<div style="TEXT-ALIGN: center"> <textarea style="PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; WIDTH: 300px; PADDING-TOP: 3px; HEIGHT: 50px">TULIS APA SAJA DISINI</textarea></div>

Hasil:

TULIS APA SAJA DISINI

Text Area 1 dengan Fasilitas Tandai Semua berada di atas

Cara Penulisan:

<form name="copy" id="copy"> <div style="TEXT-ALIGN: center"><input type="button" value="Tandai Semua" onclick="javascript:this.form.txt.focus();this.form.txt.select ();" /></div> <p style="TEXT-ALIGN: center"> <textarea style="PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; WIDTH: 300px; PADDING-TOP: 3px; HEIGHT: 50px" name="txt"> TULIS APA SAJA DISINI</textarea></p></form>

Hasil:

TULIS APA SAJA DISINI

Text Area 1 dengan Fasilitas Tandai Semua berada di bawah
Cara Penulisan:

<form name="copy" id="copy"> <div style="TEXT-ALIGN: center"> <textarea style="PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; WIDTH: 300px; PADDING-TOP: 3px; HEIGHT: 50px" name="txt"> TULIS APA SAJA DISINI</textarea></div> <p style="TEXT-ALIGN: center"><input type="button" value="Tandai Semua" onclick="javascript:this.form.txt.focus ();this.form.txt.select();" /></p> </form></div>

Hasil:

TULIS APA SAJA DISINI

Text Area 2

Cara Penulisan:

<div style="TEXT-ALIGN: center"> <textarea rows="5" cols="50">TULIS APA SAJA DISINI</textarea></div>

Hasil:

TULIS APA SAJA DISINI

Text Area 2 dengan Fasilitas Tandai Semua berada di atas

Cara Penulisan:

<form name="copy" id="copy"> <p style="TEXT-ALIGN: center"><input type="button" value="Tandai Semua" onclick="javascript:this.form.txt.focus ();this.form.txt.select();" /></p> <p style="TEXT-ALIGN: center"> <textarea rows="5" cols="50" name="txt"> TULIS APA SAJA DISINI</textarea></p></form>

Hasil:

TULIS APA SAJA DISINI

Text Area 2 dengan Fasilitas Tandai Semua berada di bawah

Cara Penulisan:

<form name="copy" id="copy"> <p style="TEXT-ALIGN: center"><textarea rows="5" cols="50" name="txt"> TULIS APA SAJA DISINI </textarea></p> <p style="TEXT-ALIGN: center"> <input type="button" value="Tandai Semua" onclick="javascript:this.form.txt.focus ();this.form.txt.select();" /> </p></form>

Hasil:

TULIS APA SAJA DISINI

Keterangan:

Untuk Text Area 1

• Center menunjukkan posisi kotak ditengah. jika ingin meletakkan di sisi kiri maka ganti dengan left
  
• Pada textarea ini menggunakan width dan height (lebar dan tinggi) untuk menyatakan lebar dan tinggi areanya.

Untuk Text Area 2

• Center menunjukkan posisi kotak ditengah. jika ingin meletakkan di sisi kiri maka ganti dengan left
  
• Pada textarea ini menggunakan rows dan cols (baris dan kolom) untuk menyatakan lebar dan tinggi areanya.

Source:

1. http://hermanblogtips.blogspot.com/2009/01/cara-membuat-text-area-dengan-fasilitas.html
   
2. http://ruangsc.blogspot.com/2009/06/cara-membuat-tulisan-bergerak-komplit.html