javascript - html表格内的计算

Question

我正在做一个元素，我需要在 html 表中计算一些数字。他们需要查看最终金额。有没有其他方法可以在不使用 <input> 的情况下计算该值标签。如果我使用 ，显示将变成框内框，如下图所示:

我的代码如下:

<tr oninput="Total-dep.value=parseInt(Dep-main.value)+parseInt(Dep-joint1.value)">
   <td>No. of Dependant(s)</td>
   <td contenteditable="true" id="Dep-main" value="0"></td>
   <td contenteditable="true" id="Dep-joint1" value="0"></td>
   <td contenteditable="true" name="Total-dep" for="Dep-main Dep-joint1" value=""></td>
</tr>

当前显示结果如下:

我想用前两列相加，然后在最后一列求和。

Answer 1

您可以使用 css 隐藏输入文本字段的边框。

{
    border: none;
    outline: none;
    box-shadow: none;
}