如果你想在保留`
contenteditable="true"`和`oninput="filterTable(1)"`属性的同时实现表单提交功能，你可以使用JavaScript来处理表单提交。
首先，在`<form>`标签中添加一个`onsubmit`事件处理程序，用于在表单提交时执行自定义的JavaScript函数。例如：
```html
<form action="insert.php" method="POST" onsubmit="submitForm(event)">
<table>
<tr>
<td
contenteditable="true"><input type="text" oninput="filterTable(1)"
placeholder="aoiStep"></td>
<td
contenteditable="true"><input type="text" oninput="filterTable(2)"
placeholder="defectType"></td>
<td
contenteditable="true"><input type="text" oninput="filterTable(3)"
placeholder="layerCode"></td>
<td
contenteditable="true"><input type="text" oninput="filterTable(4)"
placeholder="type"></td>
<td
contenteditable="true"><input type="text" oninput="filterTable(5)"
placeholder="dpet"></td>
<td
contenteditable="true"><input type="text" oninput="filterTable(6)"
placeholder="subcode"></td>
<td
contenteditable="true"><input type="text"
placeholder="codeDescription"></td>
<td
contenteditable="true">image1</td>
<td
contenteditable="true">image2</td>
<td
contenteditable="true">image3</td>
<td
contenteditable="true">image4</td>
<td
contenteditable="true">image5</td>
<td
contenteditable="true"><input type="text"
placeholder="determination_rule"></td>
</tr>
</table>
<input type="submit" value="Submit">
</form>
```
接下来，创建一个JavaScript函数`submitForm(event)`来处理表单的提交事件。在该函数中，你可以阻止表单的默认提交行为，并获取表单中的数据进行处理。例如：
```javascript
function submitForm(event) {
event.preventDefault(); // 阻止表单的默认提交行为
var form = event.target; // 获取表单
元素
// 获取表单中的数据
var aoiStep = form.querySelector('[
placeholder="aoiStep"]').value;
var defectType = form.querySelector('[
placeholder="defectType"]').value;
var layerCode = form.querySelector('[
placeholder="layerCode"]').value;
var type = form.querySelector('[
placeholder="type"]').value;
var dpet = form.querySelector('[
placeholder="dpet"]').value;
var subcode = form.querySelector('[
placeholder="subcode"]').value;
var codeDescription = form.querySelector('[
placeholder="codeDescription"]').value;
var determinationRule = form.querySelector('[
placeholder="determination_rule"]').value;
// 执行你想要的数据处理操作
// ...
// 提交表单
form.submit();
}
```
在上述代码中，我们首先使用`event.preventDefault()`来阻止表单的默认提交行为。然后，通过`event.target`获取到提交事件所在的表单
元素。
接下来，我们使用`form.querySelector`方法来获取到每个输入字段的值，并将其存储在相应的变量中。
最后，你可以在`submitForm`函数中执行你想要的数据处理操作，例如验证、发送AJAX请求等。
最后，我们调用`form.submit()`方法来提交表单。
通过以上步骤，你可以在保留`
contenteditable="true"`和`oninput="filterTable(1)"`属性的同时实现表单提交功能。
希望这个解决方案对你有帮助。如有任何疑问，请随时提问。
订阅专栏 解锁全文
532
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
