Set the value of an input field

Question

How would you set the default value of a form  lt input gt  text field in JavaScript

User · Answer

document getElementById  fieldId   value    Value     or  document forms  formId    fieldId   value    Value     or  document getElementById  fieldId   setAttribute  value   Value

User · Answer

if your form contains an input field like    lt input type  text  id  id1    gt    then you can write the code in javascript as given below to set its value as  document getElementById  id1   value  text to be displayed

User · Answer

The simple answer is not in Javascript the simplest way to get the placeholder is through the place holder attribute   lt input type  text  name  text box 1  placeholder  My Default Value    gt

User · Answer

lt form gt     lt input type  number   id  inputid   value  2000    gt   lt  form gt     lt script gt  var form value   document getElementById  inputid   value   lt  script gt        You can also change the default value to a new value   lt script gt  document getElementById  inputid   value   4000        lt  script gt

User · Answer

This is one way of doing it   document getElementById  mytext   value    My value

User · Answer

If the field for whatever reason only has a name attribute and nothing else  you can try this  document getElementsByName  quot INPUTNAME quot   0  value    quot TEXT HERE quot

User · Answer

It s simple  An example is    lt input type  text  id  example  gt     Setup text field   lt script type  text javascript  gt   var elem   document getElementById  example       Get text field elem value    My default value      Change field  lt  script gt

User · Answer

You can also try   document getElementById  theID   value    new value

User · Answer

Try out these    document getElementById  current   value   12     or  var current   document getElementById  current    current value   12

User · Answer

If you are using multiple forms  you can use    lt form name  myForm  gt       lt input type  text  name  name  value    gt   lt  form gt    lt script type  text javascript  gt       document forms  myForm    name   value    New value    lt  script gt

User · Answer

Direct access If you use ID then you have direct access to input in JS global scope  x000D   x000D  myInput value    default value  x000D   lt input id  myInput  gt  x000D   x000D   x000D

User · Answer

This part you use in html   lt input id  latitude  type  text  name  latitude  gt  lt  p gt    This is javaScript    lt script gt  document getElementById  latitude   value 25   lt  script gt

User · Answer

I use  setAttribute  function     lt input type  text  id  example  gt     Setup text field   lt script type  text javascript  gt     document getElementById  example   setAttribute  value   My default value     lt  script gt

User · Answer

The answer is really simple      Your HTML text field   lt input type  text  name  name  id  txt  gt     Your javascript   lt script type  text javascript  gt   document getElementById  txt   value    My default value    lt  script gt    Or if you want to avoid JavaScript entirely  You can define it just using HTML   lt input type  text  name  name  id  txt  value  My default value  gt

User · Answer

2021 Answer Instead of using document getElementById   you can now use document querySelector   for different cases more info from another StackOverflow answer   querySelector lets you find elements with rules that can t be expressed with getElementById and getElementsByClassName  EXAMPLE  document querySelector  input name  quot myInput quot     value    Whatever you want     or let myInput   document querySelector  input name  quot myInput quot      myInput value    Whatever you want     Test   x000D   x000D  document querySelector  input name  myInput     value    Whatever you want    x000D   lt input type  text  name  myInput  id  myInput  placeholder  Your text  gt  x000D   x000D   x000D

[javascript] Set the value of an input field

Examples related to javascript

Examples related to html

Examples related to forms

Examples related to input

Examples related to html-input