在网页中，表单是最常用的交互方式之一，而表单计算则是让用户更加方便和快捷地进行相应计算的方法之一。JavaScript 是一种前端编程语言，提供了丰富的 API 来操作网页中的 DOM 元素，因此也可以用 JavaScript 来实现表单计算。

一个最简单的表单计算例子是计算两个数的和。在 HTML 中定义一个表单，包含两个输入框和一个按钮，用户可以输入两个数，并通过点击按钮进行计算。以下是一段基本的 HTML 代码：

<form>
<input type="number" id="num1">
<input type="number" id="num2">
<button onclick="add()">计算</button>
</form>

在该 HTML 代码中，我们定义了两个输入框，即 id 为 num1 和 num2，并定义了一个按钮，以及通过 onclick 事件绑定了一个 JavaScript 函数 add() 来计算两数之和。以下是该函数的实现：

function add() {
var num1 = document.getElementById("num1").value;
var num2 = document.getElementById("num2").value;
var result = parseInt(num1) + parseInt(num2);
alert("两数之和为：" + result);
}

在该 JavaScript 代码中，我们首先获取了两个输入框中的值，通过 parseInt() 方法将其转换为整数类型，然后将其相加得到了两数之和，最后通过 alert() 方法输出计算结果。

在上述例子中，我们只考虑了两个数的相加，但在实际的项目中，可能会需要更加复杂的表单计算，例如计算折扣、税率、总价等等。在这种情况下，可以通过 JavaScript 代码对表单的多个输入框进行计算，然后将结果填充到表单中的一个输出框中。以下是一个简单的例子：

<form>
<input type="number" id="price">
<input type="number" id="discount">
<input type="number" id="tax">
<input type="number" id="total" readonly>
<button onclick="calculate()">计算</button>
</form>

在该 HTML 代码中，我们定义了四个输入框，即 id 为 price、discount、tax 和 total，其中 id 为 total 的输入框为只读，不能被用户输入。我们还通过 onclick 事件绑定了一个 JavaScript 函数 calculate()，来计算总价。以下是该函数的实现：

function calculate() {
var price = document.getElementById("price").value;
var discount = document.getElementById("discount").value;
var tax = document.getElementById("tax").value;
var total = (price * (1 - discount / 100)) * (1 + tax / 100);
document.getElementById("total").value = total.toFixed(2);
}

在该 JavaScript 代码中，我们首先获取了三个输入框中的值，即 id 为 price、discount 和 tax。然后我们通过计算公式，计算出总价，并通过 toFixed() 方法将其保留两位小数。最后我们将计算结果填充到输入框中的 id 为 total 的输入框中，使用户可以直接看到计算结果。

在实际的项目中，表单计算经常需要根据用户的输入来实现实时计算，例如，在用户输入价格时，折扣和税率会实时计算并更新总价。在这种情况下，可以通过使用 HTML5 中的 onchange 事件来实现实时计算。以下是一个例子：

<form>
<input type="number" id="price" onchange="calculate()">
<input type="number" id="discount" onchange="calculate()">
<input type="number" id="tax" onchange="calculate()">
<input type="number" id="total" readonly>
</form>

在该 HTML 代码中，我们在每个输入框上都绑定了一个 onchange 事件，并都调用了 calculate() 函数来实现实时计算。以下是改进后的 JavaScript 代码：

function calculate() {
var price = document.getElementById("price").value;
var discount = document.getElementById("discount").value;
var tax = document.getElementById("tax").value;
var total = (price * (1 - discount / 100)) * (1 + tax / 100);
if (!isNaN(total)) {
document.getElementById("total").value = total.toFixed(2);
}
}

在改进后的 JavaScript 代码中，我们首先判断了计算结果是否为合法数字，如果是，则将计算结果更新到 id 为 total 的输入框中。这样用户就可以直接看到实时的计算结果。

总的来说，JavaScript 作为一种强大的前端编程语言，可以用来实现各种各样的表单计算。从简单的两个数的相加，到复杂的折扣、税率、总价等计算，再到实时的计算更新，都可以用 JavaScript 轻松实现。对于 Web 开发人员来说，熟练使用 JavaScript 这种工具，可以使我们在开发中更加方便和快捷。