Advanced Search

Select text in forms

/ Published in: HTML
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <!------>
  2.  
  3. <script type="text/javascript">
  4.  
  5.     function select_field(id){
  6.  
  7.         document.getElementById(id).focus();
  8.         document.getElementById(id).select();
  9.  
  10.     }
  11.  
  12.     function init(){
  13.         select_field('text1');
  14.     }
  15.  
  16.     onload=init;
  17.  
  18. </script>
  19.  
  20. <form>
  21.  
  22. This field gets selected onload:<br/>
  23. <input type="text" name="text1" id="text1" value="some text" />
  24.  
  25. <br/>
  26.  
  27. <textarea name="textarea1" id="textarea1" rows="9" cols="50" wrap="off">Some long
  28. content in here.
  29. abcd efgh abcd efgh abcd efgh
  30. abcd efgh abcd efgh abcd efgh
  31. abcd efgh abcd efgh abcd efgh
  32. </textarea>
  33.  
  34. <br/>
  35.  
  36. <input type="button" value="Select text" onclick="select_field('textarea1')">
  37.  
  38. </form>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.