Textarea Blog Selasa, 23 Juni 2015
Holla...
Good afternoon all.. how
a u?
This tutorial post about textarea for blog from ori - cute.
- Original
<textarea>--^^ YOUR TEXT IN HERE^^--</textarea>
- One Click Bloked All
<textarea cols="35" onclick="this.focus(); this.select();" rows="2">--^^ YOUR TEXT IN HERE^^--</textarea>
- Textarea With Highlight Button
<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"></div><p align="center"><textarea style="WIDTH: 200px; HEIGHT: 100px" name="txt" rows="100" wrap="VIRTUAL" cols="55">--^^ YOUR TEXT IN HERE^^--</textarea></p></div></form>
- Textarea Bloked All the Touch Cursor
<div><form name="RikiJunizar"><div align="center" style="margin-bottom: 0pt; margin-top: 0pt;"><textarea ;="" cols="55" name="txt" onmouseover="this.form.txt.select()" rows="100" style="height: 50px; width: 300px;">--^^ YOUR TEXT IN HERE^^--</textarea></div></form></div>
- Textarea With Border
<div align="center"><textarea cols="35" rows="2" style="border: 2px dotted red ;">--^^ YOUR TEXT IN HERE^^--</textarea></div>
- Textarea That Can Not Be Removed
<div style="text-align: left;">Textarea That Can Not Be Removed</div><div style="text-align: left;"><br /></div></div><div align="center"><textarea rows="2" cols="35" onclick="this.focus(); this.select();" readonly="">--^^ YOUR TEXT IN HERE^^--</textarea></div>
- Textarea With Background
<textarea name="code" rows="3" cols="10" style="background:#000;color:#fff;border:2px inset #ccc;line-height:1.5em;padding:0 7px;">--^^ YOUR TEXT IN HERE^^--</textarea>
- Textarea With Border and Background Dashed
<textarea name="code" rows="3" cols="10" style="background:#daffbf;color:#295F00;border:2px #295F00 dashed;line-height:1.5em;padding:5px;">--^^ YOUR TEXT IN HERE^^--</textarea>
- Rainbow Textarea
<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;">--^^ YOUR TEXT IN HERE^^--</textarea>
- Beautiful Textarea
<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;">--^^ YOUR TEXT IN HERE^^--</textarea>
- Textarea With Frame
<textarea name="code" cols="15" rows="1" style="border:5px inset #00ffff;">teks</textarea>
- Textarea Frame Color
<textarea name="code" cols="15" rows="1" style="color:#ff1493;border:5px inset #9932cc;">teks</textarea>
- Textarea Background Frame
<textarea name="code" cols="15" rows="1" style="background:#fa8072;border:5px inset #ff7f50;">Teks</textarea>
- Textarea Background Frame Color
<textarea name="code" cols="15" rows="1" style="background:#9932cc;color:#ff6347;border:5px inset #ff1493;">teks</textarea>
- Textarea With Dashed Border & Background 2
<textarea name="code" cols="15" rows="1" style="background:#0f0;color:#295F00;border:5px #295F00 dashed;line-height:1.5em;padding:5px;">Teks </textarea>
- Beautiful Textarea 2
<textarea name="code" cols="15" rows="1" style="background:#ef0090;color:#FFEFF9;border:5px dotted #FFEFF9;line-height:1.5em;padding:5px;">Teks</textarea>
NB: Kalau mau copas or Repost, sertakan active link for sources
Tutorial Textarea Blog