How to make textarea at blogger easily

An HTML form is a section of a document containing normal content, markup, special elements called controls (checkboxes, radio buttons, menus, textarea, etc.), and labels on those controls. Users generally "complete" a form by modifying its controls (entering text, selecting menu items, etc.), before submitting the form to an agent for processing (e.g., to a Web server, to a mail server, etc.)

make textarea blogger
Make textarea at blogger

Here's a simple form that includes textarea, textarea also has several variations, ranging from ordinary textarea to unusual textarea. Alright please see how to make textarea below.

Basic code:

<textarea> Text </textarea>

 

So, the next textarea script:

1. Textarea basic

<div align="center">
<textarea cols="20" name="code" rows="2">Make to Textarea</textarea>
</div>

2. Make textarea when clicked is blocked all when clicked

<div align="center">
<textarea rows="2" cols="35" onclick="this.focus(); this.select();">textarea to make blogger</textarea>
</div>


3. Make textarea with buttons to block all (highlight all)

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Block all"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 200px; HEIGHT: 100px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Textarea to make blogger</textarea></p></div></form>






4. Make the textarea all blocked when highlighted mouse

<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;">Mouse Textarea</textarea></div></form></div>


5. Make a text area with a frame


<div align="center">
<textarea cols="35" rows="2" style="border: 2px dotted red ;">Textarea frame</textarea>
</div>




6. Make textarea can not be deleted (permanently)


<div align="center">
<textarea rows="2" cols="35" onclick="this.focus(); this.select();" readonly="">Textarea</textarea>
</div>



Additional script code notes:
  • <div align="center">
  • Rows="10"
  • cols="40"
  • Height : 90px
  • Width : 190px


Thanks for reading & sharing

Post a Comment

0 Comments