这个网页类似计算器的东西怎么做.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language=javascript>
function addval(aa)
{
document.form1.textfield.value=document.form1.textfield.value+aa;
}
</script>
</head><body>
<form name="form1" method="post" action="">
  <table width="300" border="0">
    <tr>
      <td colspan="3">输入卡号
        <input name="textfield" type="text" value="0">
        <input type="submit" name="Submit11" value="查询"></td>
    </tr>
    <tr>
      <td><input type="button" name="submit1" value="1" onclick=addval(this.value)></td>
      <td><input type="button" name="submit2" value="2" onclick=addval(this.value)></td>
      <td><input type="button" name="Submit3" value="3" onclick=addval(this.value)></td>
    </tr>
    <tr>
      <td><input type="button" name="Submit4" value="4" onclick=addval(this.value)></td>
      <td><input type="button" name="Submit5" value="5" onclick=addval(this.value)></td>
      <td><input type="button" name="Submit6" value="6" onclick=addval(this.value)></td>
    </tr>
    <tr>
      <td><input type="button" name="Submit7" value="7" onclick=addval(this.value)></td>
      <td><input type="button" name="Submit8" value="8" onclick=addval(this.value)></td>
      <td><input type="button" name="Submit9" value="9" onclick=addval(this.value)></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td><input type="button" name="Submit10" value="0" onclick=addval(this.value)></td>
      <td>&nbsp;</td>
    </tr>
  </table>
  <p>怎么把1-0输入到文本框,按查询提交</p>
</form>
</body>
</html>

解决方案 »

  1.   

    <td><input type="button" name="Submit" value="1" onclick="document.all.textfield.value+=this.value"></td>改一个给你看看。其它的你自己改。~~~~
      

  2.   

    <table width="300" border="0">
        <tr>
          <td colspan="3">输入卡号
            <input name="textfield" type="text" value="0">
            <input type="submit" name="Submit11" value="查询"></td>
        </tr>
        <tr>
          <td><input type="submit" name="Submit" value="1" onclick="textfield.value='1'"></td>
          <td><input type="submit" name="Submit2" value="2" onclick="textfield.value='2'></td>
          <td><input type="submit" name="Submit3" value="3" onclick="textfield.value='3'></td>
        </tr>
        <tr>
          <td><input type="submit" name="Submit4" value="4" onclick="textfield.value='4'></td>
          <td><input type="submit" name="Submit5" value="5" onclick="textfield.value='5'></td>
          <td><input type="submit" name="Submit6" value="6" onclick="textfield.value='6'></td>
        </tr>
        <tr>
          <td><input type="submit" name="Submit7" value="7" onclick="textfield.value='7'></td>
          <td><input type="submit" name="Submit8" value="8" onclick="textfield.value='8'></td>
          <td><input type="submit" name="Submit9" value="9" onclick="textfield.value='9'></td>
        </tr>
        <tr>
          <td>&nbsp;</td>
          <td><input type="submit" name="Submit10" value="0" onclick="textfield.value='0'></td>
          <td>&nbsp;</td>
        </tr>
      </table>
      

  3.   

    很简单，可以用javascript实现，<input type="submit" name="Submit9" value="9" onclick="javascript:add9()">   add9()内容如下
    function add9()
    {
    form1.textfield.value=form1.textfield.value+"9";
    }
    这样大概可以不吧，其他的functiony也可以这样写，具体我没有试过，希望帮到你
      

  4.   

    2楼已经帮我实现了.分给他.
    不过如果我要输入的值是特定的而不是value上的值应该怎么改.4楼的方法可以拟补,但不能连续输入.