Macam-macam model text area

model 1
<*textarea name="code" rows="3" cols="20" style="background:#ef0090;color:#FFEFF9;border:3px dotted #FFEFF9;line-height:1.5em;padding:5px;">ISI TEKS/KODE<*/*textarea></p> <p> /textarea></p> <div> <br></div>
model 2
 <*textarea name="text1" cols="12" rows="4">TEXT DISINI<*/*textarea></p> <p>
model 3
<*textarea name="code" rows="3" cols="10" style="background:#daffbf;color:#295F00;border:2px #295F00 dashed;line-height:1.5em;padding:5px;">ISI TEKS/KODE<*/*textarea></p> <p>
model 4
<*textarea name="code" rows="3" cols="10" style="background:#000;color:#fff;border:2px inset #ccc;line-height:1.5em;padding:0 7px;">ISI TEXT/KODE<*/*textarea></p> <p>
model 5
<*textarea name="code" rows="3" cols="20" style="background:#bffaff;color:#FF0000;border-bottom:4px solid #40FF1F;border-right:4px solid #40FF1F;border-top:4px solid #FFE900;border-left:4px solid #FFE900;line-height:1.5em;padding:5px;">ISI TEXT/KODE<*/*textarea></p> <p>
model 6
<*textarea name="code" rows="3" cols="10" style="background:#fbefff;color:#CA3DD9;border:1px solid #CA3DD9;border-left:20px solid #CA3DD9;line-height:1.5em;padding:5px;">ISI TEXT<*/*textarea></p> <p>
model 7

readonly=""</span>><div align="center"> </div> <div style="font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 19.59375px; text-align: justify;"> <textarea rows="2" cols="35" onclick="this.focus(); this.select();"<span style="background-color: rgb(207, 226, 243);">readonly=""</span>>Coba klik text area ini kemudian hapus, hasilnya nihil. Coba hapus text arae di atas pasti terhapus.<*/*extarea></div>

model 8

<center> <textarea name="code" rows="2" cols="42" style="background:#A9F5A9; color:#295F00; border:2px #295F00 dashed; line-height:1.5em; padding:5px;">JYR</span></font></p> <font color="#295f00" face="monospace" size="2"><span style="line-height: 20px; white-space: pre-wrap;"> </span></font><br></div>
model 9

 <center> </p> <p> <textarea name="code" rows="2" cols="40" style="background:#E0ECF8; color:#FF0000; border-bottom: 4px solid #FE2E2E; border-right: 4px solid #01DF01; border-top: 4px solid #01DF01; border-left: 4px solid #FE2E2E; line-height:1.5em; padding:5px; -moz-border-radius:10px;">JYR</p> <p> model 10</p> <p> <center> </p> <p> <textarea name="code" rows="2" cols="42" style="background:#AC58FA; color:#fff; border:3px double #ffaf; line-height:1.5em; padding:5px;"> <center> </p> <p> <textarea name="code" rows="2" cols="42" style="background: #FAAC58; color: #FFEFF9; border: 3px dotted #FFEFF9; line-height: 1.5em; padding: 5px;"><center> </p> <p> <textarea name="code" rows="2" cols="42" style="background:#AC58FA; color:#fff; border:3px double #ffaf; line-height:1.5em; padding:5px;"><center> </p> <p> <textarea name="code" rows="2" cols="42" style="background:#AC58FA; color:#fff; border:3px double #ffaf; line-height:1.5em; padding:5px;"> <center> </p> <p> <textarea name="code" rows="2" cols="42" style="background: #FAAC58; color: #FFEFF9; border: 3px dotted #FFEFF9; line-height: 1.5em; padding: 5px;"><center> </p> <p> <textarea name="code" rows="2" cols="42" style="background:#AC58FA; color:#fff; border:3px double #ffaf; line-height:1.5em; padding:5px;">JYR</p> <p> model 11</p> <p>  <center> </p> <p> <textarea name="code" rows="2" cols="42" style="background:#AC58FA; color:#fff; border:3px double #ffaf; line-height:1.5em; padding:5px;"> <center> </p> <p> <textarea name="code" rows="2" cols="42" style="background:#AC58FA; color:#fff; border:3px double #ffaf; line-height:1.5em; padding:5px;">JYR<br><br></p> <p> <font color="#295f00" face="monospace" size="2"><font style="line-height: 20px; white-space: pre-wrap;"><br></font></font></p> </div>