articles

Creating html controls using Java Script

Anonymous User8632 12-Mar-2011

In this demonstration we learn, how to create html control by using java script.

Following code snippet demonstrate to creating html controls in java script.
<script type="text/javascript">
        function createHtmlDocument() {
 
            //creating html button in hava script.
            var button1="<input type='button' value='Html Button in Java Script' id='btn1' /><br />";
            document.write(button1);
           
            //Creating html text field in java script.
            var textbox = "<input type='text' id='tt1' value='This is a text box control.' /> <br />";
            document.write(textbox);
 
            //Creating radio button by using java script.
            var rdb = "<input type='radio' name='rd' id='male' value='Male' /> <br />";
            document.write(rdb);
 
        }
</script>

At the load event of the body call this function.

<body onload="createHtmlDocument()">
   
</body>
Output of the following code snippet is as follows

Creating html controls using Java Script

 


Updated 24-Jul-2020
I am a content writter !

Leave Comment

Comments

Liked By