how to auto select an input field and the text in it on page load

Question

Upon page load I want to move the cursor to a particular field   No problem   But I also need to select and highlight the default value that is placed in that text field

User · Answer

x000D   x000D      var input   document getElementById  myTextInput    x000D      input focus    x000D      input setSelectionRange  6   19    x000D       lt input id  myTextInput  value  Hello default value world     gt  x000D   x000D   x000D    select particular text on textfield  Also you can use like  input selectionStart   6  input selectionEnd   19

User · Answer

try this  this will work on both Firefox and chrome       lt input type  text  value  test  autofocus  autofocus  onfocus  this select    gt

User · Answer

From http   www codeave com javascript code asp u log 7004    x000D   x000D  var input   document getElementById  myTextInput    x000D  input focus    x000D  input select    x000D   lt input id  myTextInput  value  Hello world     gt  x000D   x000D   x000D

User · Answer

From http   www codeave com javascript code asp u log 7004    x000D   x000D  var input   document getElementById  myTextInput    x000D  input focus    x000D  input select    x000D   lt input id  myTextInput  value  Hello world     gt  x000D   x000D   x000D

User · Answer

To do it on page load    x000D   x000D  window onload   function      x000D    var input   document getElementById  myTextInput    x000D    input focus    x000D    input select    x000D    x000D   lt input id  myTextInput  value  Hello world     gt  x000D   x000D   x000D

User · Answer

I found a very simple method that works well    lt input type  text  onclick  this focus   this select    gt

User · Answer

when using jquery     html    lt input type  text  value  hello world  id  hello-world-input  gt    jquery     function           hello-world-input   focus   select          example  https   jsfiddle net seanmcmills xmh4e0d4

User · Answer

Using the autofocus attribute works well with text input and checkboxes    lt input type  text  name  foo  value  boo  autofocus  autofocus  gt  FooBoo  lt input type  checkbox  name  foo  value  boo  autofocus  autofocus  gt  FooBoo

User · Answer

try this  this will work on both Firefox and chrome       lt input type  text  value  test  autofocus  autofocus  onfocus  this select    gt

User · Answer

Using the autofocus attribute works well with text input and checkboxes    lt input type  text  name  foo  value  boo  autofocus  autofocus  gt  FooBoo  lt input type  checkbox  name  foo  value  boo  autofocus  autofocus  gt  FooBoo

User · Answer

To do it on page load    x000D   x000D  window onload   function      x000D    var input   document getElementById  myTextInput    x000D    input focus    x000D    input select    x000D    x000D   lt input id  myTextInput  value  Hello world     gt  x000D   x000D   x000D

User · Answer

To do it on page load    x000D   x000D  window onload   function      x000D    var input   document getElementById  myTextInput    x000D    input focus    x000D    input select    x000D    x000D   lt input id  myTextInput  value  Hello world     gt  x000D   x000D   x000D

User · Answer

I found a very simple method that works well    lt input type  text  onclick  this focus   this select    gt

User · Answer

From http   www codeave com javascript code asp u log 7004    x000D   x000D  var input   document getElementById  myTextInput    x000D  input focus    x000D  input select    x000D   lt input id  myTextInput  value  Hello world     gt  x000D   x000D   x000D

User · Answer

when using jquery     html    lt input type  text  value  hello world  id  hello-world-input  gt    jquery     function           hello-world-input   focus   select          example  https   jsfiddle net seanmcmills xmh4e0d4

User · Answer

From http   www codeave com javascript code asp u log 7004    x000D   x000D  var input   document getElementById  myTextInput    x000D  input focus    x000D  input select    x000D   lt input id  myTextInput  value  Hello world     gt  x000D   x000D   x000D

User · Answer

Let the input text field automatically get focus when the page loads    lt form action   action page php  gt     lt input type  text  id  fname  name  fname  autofocus gt     lt input type  submit  gt   lt  form gt    Source   https   www w3schools com tags att input autofocus asp

User · Answer

To do it on page load    x000D   x000D  window onload   function      x000D    var input   document getElementById  myTextInput    x000D    input focus    x000D    input select    x000D    x000D   lt input id  myTextInput  value  Hello world     gt  x000D   x000D   x000D

User · Answer

In your input tag  place the following   onFocus  this select

User · Answer

In your input tag  place the following   onFocus  this select

User · Answer

Let the input text field automatically get focus when the page loads    lt form action   action page php  gt     lt input type  text  id  fname  name  fname  autofocus gt     lt input type  submit  gt   lt  form gt    Source   https   www w3schools com tags att input autofocus asp

User · Answer

x000D   x000D      var input   document getElementById  myTextInput    x000D      input focus    x000D      input setSelectionRange  6   19    x000D       lt input id  myTextInput  value  Hello default value world     gt  x000D   x000D   x000D    select particular text on textfield  Also you can use like  input selectionStart   6  input selectionEnd   19

[javascript] how to auto select an input field and the text in it on page load

Examples related to javascript

Examples related to html