-->

How To Create Text Area With Highlight Button

Blog How to Tricks - Blog tricks to make the text area at blogger has been discussed and learn here. We can modify the text so that the area can more easily used by visitors.

We will learn blog tricks how to make text area with highlight button. This blog tricks to make text area with highlight button make it easier for visitors to copy words / code inside the text area.

Let learn blog tricks to make text area with the highlight button.

Simply copy the code below:

<center><div><form name="copy"><div align="center"><input value="Highlight" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button">
<textarea rows="1" cols="22" name="txt" >Write your words/code here that will appear inside text area</textarea></div></form></div></center>

Paste in the place where you will place your text area.

The result will be like this:




Try clicking on the button 'Highlight'

So all the code / words inside will automatically selected, and visitors just copy it only.

This blog tricks to make text area with highlight button is very simple and easy, but have a lot of function.

Happy blogging ..

How To Create Text Area With Highlight Button
  1. Nice post... I've been looking for this highlight code... and I found it in your blog . Thanks

    ReplyDelete
  2. great Trick and share,..
    thanks,..
    Always support on stop dreaming start action Blogging Success!

    ReplyDelete
  3. Its a nice blog tricks to make text area with highlight button. I think this would be helpful for the others to use this in to their blog. Thanks for sharing this.

    ReplyDelete
  4. it's not working !
    i clicked the highlight button
    when it was already on my blog
    but the codes are not highlghted !

    ReplyDelete
  5. thie help thanks^^
    i finding this for some period!!
    now i found it!!
    thank you very very much!!!

    ReplyDelete
  6. Thanks, that worked great! I added a CSS class to it to change the color background and add other formatting.

    ReplyDelete
  7. thank for the tutorial its usefull ,

    ReplyDelete
  8. thanks for your template and tutorial...nice share bro

    ReplyDelete
  9. Globalteksol is a zeal for excelling the expectations of clients with advance IT Infrastructure and development services making us predominant among the crowd.

    ReplyDelete