HTML显示结果在文本(输入)字段?

Ron*_*ing 5 html javascript

我有一个简单的HTML表单,有3个输入字段,当你按下=按钮时,它假设你在前2个输入字段中输入2个数字并在第3个字段中显示结果.有可能吗?(我需要在一个框(或表)或某些东西而不是纯文本中产生结果).我尝试以下但不起作用(它什么都不做),有人可以帮助我吗?

<HTML>
      <HEAD>
        <TITLE>Sum</TITLE>

        <script type="text/javascript">
          function sum()
          {
             var num1 = document.myform.number1.value;
             var num2 = document.myform.number2.value;
             var sum = parseInt(num1) + parseInt(num2);
             document.getElementById('add').innerHTML = sum;
          }
        </script>
      </HEAD>

      <BODY>
        <FORM NAME="myform">
          <INPUT TYPE="text" NAME="number1" VALUE=""> + 
          <INPUT TYPE="text" NAME="number2" VALUE="">
          <INPUT TYPE="button" NAME="button" Value="=" onClick="sum()">
          <INPUT TYPE="text" ID="add" NAME="result" VALUE="">
        </FORM>

      </BODY>
</HTML>
Run Code Online (Sandbox Code Playgroud)

Nat*_*all 9

innerHTML在元素中设置文本(包括html元素).通常我们将它用于div,span等元素,以在其中插入其他html元素.

对于您的情况,您要设置输入元素的值.所以你应该使用该value属性.

更改innerHTMLvalue

document.getElementById('add').value = sum;
Run Code Online (Sandbox Code Playgroud)