html 输入框的数值相加

HTML 输入框是用来获取用户输入的数据的，如果要对输入框中的数值进行相加，需要使用 JavaScript 来实现。

首先，需要给输入框加上一个 id 或者 class，在 JavaScript 中可以通过这个 id 或 class 来获取输入框的值。例如：

<input type="number" id="num1">
<input type="number" id="num2">
<button onclick="sum()">相加</button>
<p>结果：<span id="result"></span></p>

在上面的代码中，我们定义了两个输入框和一个按钮，当用户点击按钮时，会执行 `sum()` 函数进行相加操作，并将结果显示在页面中。

接下来，在 JavaScript 中编写 `sum()` 函数：

function sum() {
  var num1 = document.getElementById("num1").value;
  var num2 = document.getElementById("num2").value;
  var result = document.getElementById("result");
  result.innerHTML = parseInt(num1) + parseInt(num2);
}

在这个函数中，我们首先通过 `document.getElementById()` 方法获取输入框的值，然后将其转换为整数类型，并进行相加操作。最后，将结果显示在页面中。

注意，在进行数值相加时，需要将输入框的值先转换为数字类型，否则会出现字符串相加的情况。