html表单实时更新

时间:2014-10-29 01:27:14

标签: html html5 forms

我不知道该要求什么,但是我想用html(html5?)创建一个表单,当输入数字时可以在同一页面上更新结果,就像一个excel doc。例如,要有3个字段,其中包含数字(1,2,3),并且对结果求和并将结果平均为2,但如果用户更改了第1个数字(7,2,3),则会更新结果希望这是有道理的。

1 个答案:

答案 0 :(得分:1)

这样的事,也许?

function addNumbers(){
  
 var input1 = Number(document.getElementById('input1').value);
 var input2 = Number(document.getElementById('input2').value);
  
 document.getElementById('output').value = input1 + input2;
  
}
<input type="text" onkeyup="addNumbers()" id="input1" placeholder="enter a number"><br />
<input type="text" onkeyup="addNumbers()" id="input2" placeholder="enter another number"><br />
<input type="text" id="output" disabled>