Html 计算输入字段的总和

Html 计算输入字段的总和,html,Html,我创建了一个简单的HTML5表单,代码如下。 它成功地在W10的Chrome中工作,也在我的Android手机的Chrome中工作 autosum功能在Safari和Chrome中的iPad上都不起作用 我错过了什么 干杯, 斯图尔特 溜冰场 A队 B队 末端 1. 2. 3. 4. 全部的 因为字段的默认值不是0,所以它是空的。因此,它不能为ins求和1+null 谢谢你。我对它进行了更新并在iPad上再次尝试,但它没有自动填充。在Chrome&Safari中试用 <form onsu

我创建了一个简单的HTML5表单,代码如下。 它成功地在W10的Chrome中工作,也在我的Android手机的Chrome中工作

autosum功能在Safari和Chrome中的iPad上都不起作用

我错过了什么

干杯, 斯图尔特


溜冰场
A队
B队
末端
1.
2.
3.
4.
全部的

因为字段的默认值不是0,所以它是空的。因此,它不能为ins求和1+null

谢谢你。我对它进行了更新并在iPad上再次尝试,但它没有自动填充。在Chrome&Safari中试用
<form onsubmit="return false" oninput="tta.value = parseInt(r1ta.value)+parseInt(r2ta.value)+parseInt(r3ta.value)+parseInt(r4ta.value);ttb.value = parseInt(r1tb.value)+parseInt(r2tb.value)+parseInt(r3tb.value)+parseInt(r4tb.value);te.value = parseInt(r1e.value)+parseInt(r2e.value)+parseInt(r3e.value)+parseInt(r4e.value)">
<table style="height: 97px;" width="216">
<tbody>
<tr>
<td>RINK</td>
<td>TEAM A</td>
<td>TEAM B</td>
<td>ENDS</td>
</tr>
<tr>
<td>1</td>
<td><input id="r1ta" name="r1ta" type="number" /></td>
<td><input id="r1tb" name="r1tb" type="number" /></td>
<td><input id="r1e" name="r1e" type="number" /></td>
</tr>
<tr>
<td>2</td>
<td><input id="r2ta" name="r2ta" type="number" /></td>
<td><input id="r2tb" name="r2tb" type="number" /></td>
<td><input id="r2e" name="r2e" type="number" /></td>
</tr>
<tr>
<td>3</td>
<td><input id="r3ta" name="r3ta" type="number" /></td>
<td><input id="r3tb" name="r3tb" type="number" /></td>
<td><input id="r3e" name="r3e" type="number" /></td>
</tr>
<tr>
<td>4</td>
<td><input id="r4ta" name="r4ta" type="number" /></td>
<td><input id="r4tb" name="r4tb" type="number" /></td>
<td><input id="r4e" name="r4e" type="number" /></td>
</tr>
<tr>
<td>TOTAL</td>
<td><output for="r1ta r2ta r3ta r4ta" name="tta"></output></td>
<td><output for="r1tb r2tb r3tb r4tb" name="ttb"></output></td>
<td><output for="r1e r2e r3e r4e" name="te"></output></td>
</tr>
</tbody>
</table>
</form>