javascript - 在表单中插入 javascript 按钮但不在提交时发送表单

Question

嗯，我不知道如何正确解释这个，但我会尽力而为。我得到了一个包含很多字段的 PHP 表单。其中之一是我在其中保存一些 php 值的文本区域。我想安装一个美化器来以漂亮的 css 样式显示 php 值。整个工作正常...但是美化器有一些 javascript 按钮，可以在文本区域中打开/关闭样式。现在这个 textarea 位于 form 中，所以当我单击按钮时，表单将被提交。虽然按钮只是 javascript 的变化......按钮是这样的:

<p>
<button class="actions" onclick="settings.toggleEditor()">turn on/off CodePress</button>
<button class="actions" onclick="settings.toggleLineNumbers()">show/hide line numbers</button>
<button class="actions" onclick="settings.toggleAutoComplete()">turn on/off auto-complete</button>
<button class="actions" onclick="settings.toggleReadOnly()">turn on/off read only</button>
</p>

如果我在表单外添加按钮，它们当然可以正常工作....但是表单标签的末尾很远，我必须向下滚动才能切换它们。

我的问题:如何在文本区域下添加按钮，但在单击时不执行表单？让他们对文本区域做他们的事情。-谢谢

Answer 1

使用按钮按钮而不是提交按钮(默认)。

<button type="button" ...>