在表单内插入 javascript 按钮，但在提交时不发送表单

Question

嗯，我不知道如何正确解释这一点，但我会尽力而为。 我得到了一个包含许多字段的 PHP 表单。其中之一是我在其中保存一些 php 值的 textarea。我想安装一个美化器来以漂亮的 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" ...>