在textfiled中显示span标记值

Question

I am displaying a value using span tags;

JS

 <script>
     window.onload = function () {
         document.getElementById('tag').innerHTML = 122;
     };
</script>

HTML

<div id="tag"></div>

The value 122 gets displayed on the screen. But what i want is to display the value 122 in a text filed . How can i do this ?

Answer 1

Change your html to:

<input type="text" id="tag">

And your js to:

window.onload = function () {
    document.getElementById('tag').value = 122;
};

Answer 2

You can simply add an input to the DOM as <input type="text" id="tag"> and keep your

javascript as window.onload = function () {
    document.getElementById('tag').value = 122;
};

This will do the job for you.

OR Keeping your code same , you can do it as below:

HTML:

<div id="tag"></div>

JS:

<script type="text/javascript">
   window.onload = function(){
    // create a textfield dynamically, say it is "text"
     document.getElementById('tag').appendChild(text);
   }
</script>