Set the value of an input field

How would you set the default value of a form <input> text field in JavaScript?

This is one way of doing it:

document.getElementById("mytext").value = "My value";

if your form contains an input field like

<input type='text' id='id1' />

then you can write the code in javascript as given below to set its value as

document.getElementById('id1').value='text to be displayed' ; 

I use 'setAttribute' function:

<input type="text" id="example"> // Setup text field 
<script type="text/javascript"> 
  document.getElementById("example").setAttribute('value','My default value');

Try out these.

document.getElementById("current").value = 12

// or

var current = document.getElementById("current");
current.value = 12

The answer is really simple

// Your HTML text field

<input type="text" name="name" id="txt">

//Your javascript

<script type="text/javascript"> 
document.getElementById("txt").value = "My default value";

Or if you want to avoid JavaScript entirely: You can define it just using HTML

<input type="text" name="name" id="txt" value="My default value">

If you are using multiple forms, you can use:

<form name='myForm'>
    <input type='text' name='name' value=''>

<script type="text/javascript"> 
    document.forms['myForm']['name'].value = "New value";

The simple answer is not in Javascript the simplest way to get the placeholder is through the place holder attribute

<input type="text" name="text_box_1" placeholder="My Default Value" />

It's simple; An example is:

<input type="text" id="example"> // Setup text field 
<script type="text/javascript"> 
var elem = document.getElementById("example"); // Get text field
elem.value = "My default value"; // Change field

document.getElementById("fieldId").value = "Value";


document.forms['formId']['fieldId'].value = "Value";



This part you use in html

<input id="latitude" type="text" name="latitude"></p>

This is javaScript:


You can also try:

document.getElementById('theID').value = 'new value';

  <input type="number"  id="inputid"  value="2000" />

var form_value = document.getElementById("inputid").value;

You can also change the default value to a new value

document.getElementById("inputid").value = 4000;     

Direct access

If you use ID then you have direct access to input in JS global scope

myInput.value = 'default_value'
<input id="myInput">

If the field for whatever reason only has a name attribute and nothing else, you can try this:

document.getElementsByName("INPUTNAME")[0].value = "TEXT HERE";