In this code snippet I will show you that how to create html user form dynamically.
Write down the following code snippet
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
function createUserInterface() {
document.write("<form id='form1'>");
document.write("Employee Id : <input type='text' id='tt1' /> <br />");
document.write("Employee Name : <input type='text' id='tt2' /><br />");
document.write("Employee Age : <input type='text' id='tt3' /><br />");
document.write("Employee City : <select id='selectCity'><option value='Allahabd'>Allahabd</option>");
document.write("<option value='Lucknow'>Lucknow</option><option value='Kanpur'>Kanpur</option></select><br />");
document.write("<input type='button' id='btnSubmit' value='Submit' />");
document.write("</form>");
}
</script>
</head>
<body onload="createUserInterface()">
</body>
</html>
Anonymous User
08-Apr-2019Thanks for sharing.
John Smith
25-Mar-2011