Membuat Text Area Paling Keren 2 Plus Select All

Bagi anda yang telah membaca tutorial " Membuat Text
Area Paling Keren 2 ", tentu sudah tak asing lagi dengan
8 (delapan) model textarea di bawah ini. Penambahan
" Select All " di atasnya menjadikan textarea ini semakin
lebih keren lagi, pastinya ........ lihat saja ........

MODEL 1 (SATU) :

<form name="copy"><br /> <div align="center"><br /> <input onclick="javascript:<br /> this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><br /> <div style="text-align: left;"><br /> <textarea 5px;="" ;="" cols="48" name="txt" padding:="" rows="7" style="-moz-border-radius: 0px 0px 0px 0px; background: none repeat scroll 0% 0% rgb(255, 240, 255); border-color: rgb(204, 0, 255); border-style: solid; border-width: 1px 5px 5px 1px; color: #cc00ff; font-family: Verdana,serif; font-size: 12px;">TEKS ANDA DISINI</textarea></div><br /> </form>

MODEL 2 (DUA) :

<form name="copy"><br /> <div align="center"><br /> <input onclick="javascript:<br /> this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><br /> <div style="text-align: left;"><br /> <textarea 5px;="" ;="" cols="50" name="txt" padding:="" rows="7" style="-moz-box-shadow: 0pt 1px 10px rgb(0, 255, 0); background: -moz-linear-gradient(center top , rgba(255, 255, 204, 0.9), rgba(255, 255, 0, 0.9)) repeat scroll 0% 0% transparent; border: 2px outset rgb(0, 0, 0); color: black; font-family: Verdana,serif; font-size: 12px; line-height: 1.5em;">TEKS ANDA DISINI</textarea></div><br /> </form>

MODEL 3 (TIGA) :

<form name="copy"><br /> <div align="center"><br /> <input onclick="javascript:<br /> this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><br /> <div style="text-align: left;"><br /> <textarea 5px;="" ;="" cols="50" name="txt" padding:="" rows="7" style="-moz-border-radius: 8px 8px 8px 8px; -moz-box-shadow: 0pt 1px 10px rgb(255, 255, 0); background: -moz-linear-gradient(center top , rgb(255, 255, 0), rgb(0, 255, 0)) repeat scroll 0% 0% transparent; border: 2px outset rgb(255, 0, 0); color: black; font-family: Verdana,serif; font-size: 12px; line-height: 1.5em;">TEKS ANDA DISINI</textarea></div><br /> </form>

MODEL 4 (EMPAT) :

<form name="copy"><br /> <div align="center"><br /> <input onclick="javascript:<br /> this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><br /> <div style="text-align: left;"><br /> <textarea 5px;="" ;="" cols="38" name="txt" padding:="" rows="7" style="-moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; background: none repeat scroll 0% 0% rgb(255, 255, 175); border-color: rgb(127, 69, 0); border-style: dotted ridge; border-width: 2px; color: brown; line-height: 1.5em; padding: 5px;">TEKS ANDA DISINI</textarea></div><br /> </form>

MODEL 5 (LIMA) :

<form name="copy"><br /> <div align="center"><br /> <input onclick="javascript:<br /> this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><br /> <div style="text-align: left;"><br /> <textarea 5px;="" ;="" cols="38" name="txt" padding:="" rows="7" style="background: none repeat scroll 0% 0% rgb(218, 255, 191); border-color: rgb(41, 95, 0); border-style: dashed solid solid dashed; border-width: 2px; color: #295f00; line-height: 1.5em; padding: 5px;">KETIK TEKS ANDA DISINI</textarea></div><br /> </form>

MODEL 6 (ENAM) :

<form name="copy"><br /> <div align="center"><br /> <input onclick="javascript:<br /> this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><br /> <div style="text-align: left;"><br /> <textarea 5px;="" ;="" cols="37" name="txt" padding:="" rows="7" style="background: none repeat scroll 0% 0% rgb(200, 255, 255); border-color: rgb(0, 255, 255); border-style: solid ridge ridge; border-width: 3px 5px 5px; color: blue; line-height: 1.5em; padding: 5px;">KETIK TEKS ANDA DISINI</textarea></div></form>

MODEL 7 (TUJUH) :

<form name="copy"><br /> <div align="center"><br /> <input onclick="javascript:<br /> this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><br /> <div style="text-align: left;"><br /> <textarea 5px;="" ;="" cols="37" name="txt" padding:="" rows="7" style="-moz-border-radius: 0px 0px 10px 10px; background: none repeat scroll 0% 0% rgb(0, 255, 255); border-color: rgb(0, 0, 255) rgb(255, 0, 0); border-width: 5px; color: blue; line-height: 1.5em; padding: 5px;">KETIK TEKS ANDA DISINI</textarea></div></form>

MODEL 8 (DELAPAN) :

<form name="copy"><br /> <div align="center"><br /> <input onclick="javascript:<br /> this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div><br /> <div style="text-align: left;"><br /> <textarea 5px;="" ;="" cols="36" name="txt" padding:="" rows="7" style="background: none repeat scroll 0% 0% rgb(170, 255, 0); border-color: rgb(255, 0, 0); border-style: none solid solid groove; border-width: 15px 0px 3px 15px; color: green; line-height: 1.5em; padding: 5px;">KETIK TEKS ANDA DISINI</textarea></div></form>

KETERANGAN :

Untuk mengubah ukuran tetxarea-nya,
ubahlah pada cols="..." & rows="..."

Semoga bermanfaat, good luck!