下述代码 加入 form 就不能显示图片  不加form 就可以显示图片
<form id="form1" name="form1" method="post" action="">//加入了form
  <textarea name="textarea"  cols="50"  rows="20"  id="test"></textarea>
  <input name="xx" type="text" id="xx" />
  <input name="submit" type = "submit" class="button" id="up" onclick="on_up();" value = "提交"/>
  </form>
  <script  language="JavaScript">
  function on_up()
               {
          var oImg=document.createElement("IMG");
         // var xx='"'+document.form1.xx.value+'"'
          oImg.src="https://bbs.bccn.net/images/default/logo.gif";
          test.appendChild(oImg);//问题应该在这 可是不知怎么改 请求帮忙修改
                 }
  </script>

这样正常：
  <textarea name="textarea"  cols="50"  rows="20"  id="test"></textarea>
  <input name="xx" type="text" id="xx" />
  <input name="submit" type = "submit" class="button" id="up" onclick="on_up();" value = "提交"/>
   <script  language="JavaScript">
  function on_up()
               {
          var oImg=document.createElement("IMG");
          oImg.src="https://bbs.bccn.net/images/default/logo.gif";
          test.appendChild(oImg);
                 }
  </script>
这样就不正常 加入了 form
<form id="form1" name="form1" method="post" action="">//加入了form
  <textarea name="textarea"  cols="50"  rows="20"  id="test"></textarea>
  <input name="xx" type="text" id="xx" />
  <input name="submit" type = "submit" class="button" id="up" onclick="on_up();" value = "提交"/>
  </form>
  <script  language="JavaScript">
  function on_up()
               {
          var oImg=document.createElement("IMG");
                 oImg.src="https://bbs.bccn.net/images/default/logo.gif";
          test.appendChild(oImg);//问题应该在这 可是不知怎么改 请求帮忙修改
                 }
  </script>

我就想做一个如下图片显示的 功能！