如何在网页中增加文本输入框！

Question

<!-- saved from url=(0022)http://internet.e-mail -->
<table width="98%" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <form id="form1" name="form1" action="program/survey/SurveyEdit.asp" method=post>
      <td>
       <table cellspacing="0" cellpadding="4" width="100%" border="0" class="tableborder">
          <tr>
            <td bgcolor="#C7E8F8">
              <div align="center"><b>问题 1:</b> </div>
            </td>
            <td bgcolor="#C7E8F8">
              <input size="60" name="Question1" class="tableborder">
            </td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td><b>问题类型： </b><input type="checkbox" value="True" name="chkQueType1" />
              多选类型 <br />
              <div name="__idQueOption1" id="__idQueOption1"><b>问题选项：</b>
                <input onpropertychange="addNewChild(this)" size="60" name="QueOption1" class="tableborder" />
              </div>
            </td>
          </tr>
        </table>
        <div id="__idInsertBefore"></div>
        <input type="hidden" value="1" name="newTable">
        <br />
        <div align="right" style="padding:4px">
        <input type=button onClick="addNewQuestion()" value="增加一个新问题" class="CustButton" />
        <input type="submit" value="保存设置" class="CustButton">
        <input type="reset" value="重新设置"  class="CustButton">
        </div>
      </td>
    </form>
  </tr>
</table>
<script>
function addNewQuestion()
{document.form1.newTable.value =  parseInt(document.form1.newTable.value) + 1;
var newItemId;
if( (document.form1.newTable.value).length > 2 )
{
alert("您的调查问题总数不能超过 99 个。")
window.location.reload();
}newItemId = document.form1.newTable.value;var objItem = '<table cellspacing="0" cellpadding="4" width="100%" border="0" class="tableborder">';
 objItem += '  <tr>';
 objItem += '<td bgcolor="#C7E8F8">';
 objItem += '      <div align="center"><b>问题 ' + newItemId + ':</b> </div>';
 objItem += '    </td>';
 objItem += '    <td bgcolor="#C7E8F8">';
 objItem += '      <input size="60" name="Question' + newItemId + '" class="tableborder">';
 objItem += '    </td>';
 objItem += '  </tr>';
 objItem += '  <tr>';
 objItem += '    <td>&nbsp;</td>';
 objItem += '    <td><b>问题类型： </b><input type="checkbox" value="True" name="chkQueType' + newItemId + '">';
 objItem += '      多选类型 <br>';
 objItem += '      <div id="__idQueOption' + newItemId + '"><b>问题选项：</b>';
 objItem += '        <input onpropertychange="addNewChild(this)" size="60" name="QueOption' + newItemId + '" class="tableborder">';
 objItem += '      </div>';
 objItem += '    </td>';
 objItem += '  </tr>';
 objItem += '</table>';document.all.__idInsertBefore.insertAdjacentHTML("beforeBegin", objItem);
}function showTips(obj)
{
obj.title=obj.value;
}function addNewChild(obj)
{
var isblank = "false";
var objName = obj.name;
var last2Char = objName.substring(objName.length - 2);
if( last2Char.substring(0, 1) > '9' || last2Char.substring(0, 1) < '0' )
{
last2Char = last2Char.substring(1, 2);
}for(var i=0; i < document.form1.elements[objName].length; i++)
{
if(document.form1.elements[objName].item(i).value == "")
isblank = "yes"
}if( isblank != "yes" )
{
var objItem = '<div id="__idQueOption' + last2Char + '"><b>问题选项：</b>';
   objItem += '  <input onpropertychange="addNewChild(this)" size="60" name="' + objName + '" class="tableborder" />';
   objItem += '</div>';objName = "__idQueOption" + last2Char;
var varQueOption = document.all[objName];
if( varQueOption.length != null )
  varQueOption = varQueOption.item(varQueOption.length-1);varQueOption.insertAdjacentHTML("afterEnd",objItem);
}
}
</script>

Answer 1

<!-- saved from url=(0022)http://internet.e-mail -->
<table width="98%" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <form id="form1" name="form1" action="program/survey/SurveyEdit.asp" method=post>
      <td>
       <table cellspacing="0" cellpadding="4" width="100%" border="0" class="tableborder">
          <tr>
            <td bgcolor="#C7E8F8">
              <div align="center"><b>问题 1:</b> </div>
            </td>
            <td bgcolor="#C7E8F8">
              <input size="60" name="Question1" class="tableborder" ondblclick="event.srcElement.removeNode()">
            </td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td><b>问题类型： </b><input type="checkbox" value="True" name="chkQueType1" />
              多选类型 <br />
              <div name="__idQueOption1" id="__idQueOption1"><b>问题选项：</b>
                <input onpropertychange="addNewChild(this)" size="60" name="QueOption1" class="tableborder" ondblclick="event.srcElement.removeNode()" />
              </div>
            </td>
          </tr>
        </table>
        <div id="__idInsertBefore"></div>
        <input type="hidden" value="1" name="newTable">
        <br />
        <div align="right" style="padding:4px">
        <input type=button onClick="addNewQuestion()" value="增加一个新问题" class="CustButton" />
        <input type="submit" value="保存设置" class="CustButton">
        <input type="reset" value="重新设置"  class="CustButton">
        <input type="button" value="双击删除">
        </div>
      </td>
    </form>
  </tr>
</table>
<script>
function addNewQuestion()
{document.form1.newTable.value =  parseInt(document.form1.newTable.value) + 1;
var newItemId;
if( (document.form1.newTable.value).length > 2 )
{
alert("您的调查问题总数不能超过 99 个。")
window.location.reload();
}newItemId = document.form1.newTable.value;var objItem = '<table cellspacing="0" cellpadding="4" width="100%" border="0" class="tableborder">';
 objItem += '  <tr>';
 objItem += '<td bgcolor="#C7E8F8">';
 objItem += '      <div align="center"><b>问题 ' + newItemId + ':</b> </div>';
 objItem += '    </td>';
 objItem += '    <td bgcolor="#C7E8F8">';
 objItem += '      <input size="60" name="Question' + newItemId + '" class="tableborder"  ondblclick="event.srcElement.removeNode()">';
 objItem += '    </td>';
 objItem += '  </tr>';
 objItem += '  <tr>';
 objItem += '    <td>&nbsp;</td>';
 objItem += '    <td><b>问题类型： </b><input type="checkbox" value="True" name="chkQueType' + newItemId + '">';
 objItem += '      多选类型 <br>';
 objItem += '      <div id="__idQueOption' + newItemId + '"><b>问题选项：</b>';
 objItem += '        <input onpropertychange="addNewChild(this)" size="60" name="QueOption' + newItemId + '" class="tableborder" ondblclick="event.srcElement.removeNode()">';
 objItem += '      </div>';
 objItem += '    </td>';
 objItem += '  </tr>';
 objItem += '</table>';document.all.__idInsertBefore.insertAdjacentHTML("beforeBegin", objItem);
}function showTips(obj)
{
obj.title=obj.value;
}function addNewChild(obj)
{
var isblank = "false";
var objName = obj.name;
var last2Char = objName.substring(objName.length - 2);
if( last2Char.substring(0, 1) > '9' || last2Char.substring(0, 1) < '0' )
{
last2Char = last2Char.substring(1, 2);
}for(var i=0; i < document.form1.elements[objName].length; i++)
{
if(document.form1.elements[objName].item(i).value == "")
isblank = "yes"
}if( isblank != "yes" )
{
var objItem = '<div id="__idQueOption' + last2Char + '"><b>问题选项：</b>';
   objItem += '  <input onpropertychange="addNewChild(this)" size="60" name="' + objName + '" class="tableborder" ondblclick="event.srcElement.removeNode()" />';
   objItem += '</div>';objName = "__idQueOption" + last2Char;
var varQueOption = document.all[objName];
if( varQueOption.length != null )
  varQueOption = varQueOption.item(varQueOption.length-1);varQueOption.insertAdjacentHTML("afterEnd",objItem);
}
}
</script>