How to create textbox in html dynamically using javascript

If you want to generate or add dynamically textbox or any other html element using by JavaScript so this post is only for you.
Here we are introducing simple JavaScript code for generate dynamically HTML element.


<div style="text-align:center;">
    <input type="hidden" value="1" id="TextBoxValue" />
    <input type="button" onclick="AddDynamicTextBox()" value="Add Pharmacist" />

<div id="AddAnotherTextBox"></div>

JavaScript CODE

function AddDynamicTextBox()
    var TextBoxValue = document.getElementById("TextBoxValue").value;
    document.getElementById("AddAnotherTextBox").innerHTML+='<input type="text" name="PharmacistTextbox'+TextBoxValue+'" id="PharmacistTextbox'+TextBoxValue+'" placeholder="Text Box '+TextBoxValue+'" reuired="" />';



#AddAnotherTextBox{width:350px; float:none; margin:auto;}
#AddAnotherTextBox input[type="text"]{width:96%; padding:2%; margin-bottom:5px;}
input[type="button"]{width:200px; margin:auto; background:#006666; color:#FFFFFF; font-size:20px; border:0px; border-radius:5px; padding: 10px; text-transform: uppercase; cursor:pointer;}
About Author

My name is Mukesh Jakhar and I am a Web Application Developer and Software Developer, currently living in Jaipur, India. I have a Master of Computer Application in Computer Science from JNU Jaipur University. I loves to write on technology and programming topics. Apart from this, I love to travel and enjoy the beauty of nature.

Sign up for weekly update

Milkshake is almost ready. If you're interested in testing it out, then sign up below to get exclusive access.