Dynamically adding form elements input, button, etc. (appendChild) implemented in javascript_javascript skills

When writing a small system, you need to dynamically add form elements, so I wrote this tutorial according to my own implementation method!
I think you have seen similar effects on many websites!
1. Use document first. The createElement method creates an input element!

Copy code The code is as follows:

var newInput = document.createElement("input");

2. Set related attributes, such as name, type, etc.

Copy code The code is as follows:

newInput.type=mytype;
newInput.name="input1";

3. Use the appendChild method to append elements to the content of a tag !

Copy code The code is as follows:

TemO.appendChild(newInput);

Javascrip core code:

Copy code The code is as follows:

<title>Dynamicly add form elements</title> <form action="" method="get" name="frm"> <div id="add"> <input type="text" name="textfield"> </div> </form> <input name="" type="button" value="新建文本框" onclick="AddElement('text')"> <input name="" type="button" value="新建复选框" onclick="AddElement('checkbox')"> <input name="" type="button" value="新建单选框" onclick="AddElement('radio')"> <input name="" type="button" value="新建文件域" onclick="AddElement('file')"> <input name="" type="button" value="新建密码框" onclick="AddElement('password')"> <input name="" type="button" value="新建提交按钮" onclick="AddElement('submit')"> <input name="" type="button" value="新建恢复按钮" onclick="AddElement('reset')">
[Ctrl A select all Note: If you need to introduce external Js, you need to refresh to execute

]