Question

我有一张表格用于计算两个数字。

现在，当我点击提交按钮时，才会得到答案。但是，我想要的是每当我将值放在方框内时，答案应该自动出现。

以下是代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Calculate</title>
</head>
<body>
<form action="#" method="POST">

Number 1:
<input type="number" name="no1" />

Number 2:
<input type="number" name="no2" />

<input type="submit" value="Calculate" />
= <?php

@$no1 = $_POST['no1'];

@$no2 = $_POST['no2'];

echo $result = $no1 + $no2;


?>
</form>
</body>
</html>

Answer 1

试试这个

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">
<input type="number" id="a" value="50">+
<input type="number" id="b" value="50">=
<output name="x" for="a b"></output>
</form>

Answer 2

我认为你需要研究服务器端脚本和客户端脚本之间的区别。

您似乎想要的是用户的浏览器进行计算工作。在这种情况下，你将用javascript编写代码（我建议查找jQuery，这是一个javascript框架）。然后你可以完全按照你的要求去做。

查看输入的onKeyPress事件。

我搜索了"javascript onkeypress calculate" on google并看到了一些可能有用的结果。

自动接收答案否提交按钮

2 个答案: