javascript实现的动态添加表单元素input,button等(appendChild)_javascript技巧

写一个小系统时,需要动态添加表单元素,按自己的实现方法写了这篇教程!
我想各位在很多网站上都看到过类似的效果!
1、先用document.createElement方法创建一个input元素！

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

2、设定相关属性，如name,type等

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

3、用appendChild方法,将元素追加到某个标签内容中！

TemO.appendChild(newInput);

Javascrip核心代码：

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>动态添加表单元素</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 全选 注:如需引入外部Js需刷新才能执行]