怎么在网页的指定位置动态生成控件？

Question

<form name=form1><input type=button value=生成 onclick="mm()"><br></form><SCRIPT LANGUAGE="JavaScript"><!--
function mm()
{
  var e = document.createElement("input");
  e.type = "text";
  e.name = "txt";
  e.value= "黄蓉";  document.form1.insertAdjacentElement("beforeEnd", e);
}
//--></SCRIPT>

Answer 1

<meta http-equiv="Content-Language" content="zh-cn">
<form name=form1><input type=button value=create onclick="check()">&nbsp;
  <select size="1" name="d1">
  <option value="button">按钮</option>
  <option value="radio">单选框</option>
  <option value="checkbox">复选框</option>
  <option value="text">文本框</option>
  </select><br/></form><SCRIPT>
function check()
{
  var a = document.createElement("input");
  a.type = form1.d1.value;
  a.name = "zww"
  a.value="zww";
  form1.insertAdjacentElement("beforeEnd", a);
}
  </SCRIPT>

Answer 2

<meta http-equiv="Content-Language" content="zh-cn">
<form name=form1><input type=button value=create onclick="check()">&nbsp;
  <span id="copy">
   <select size="1" name="d1">
    <option value="button">按钮</option>
    <option value="radio">单选框</option>
    <option value="checkbox">复选框</option>
    <option value="text">文本框</option>
   </select><br/>
  </span>
</form><SCRIPT>
function check()
{ //重新复制一个结点,然后插入当前节点后面
  var input_node = document.all.copy;
  var new_node = input_node.cloneNode(true); 
  document.form1.insertAfter(input_node,new_node);
}
  </SCRIPT>