Users Pricing

articles

home / developersection / articles / creating html controls using java script

Creating html controls using Java Script

Anonymous User 9276 12 Mar 2011 Updated 24 Jul 2020

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

 


I am a content writter !


1 Comments