在表单中插入javascript按钮但不在Submit上发送表单

Question

嗯，我不知道如何正确解释这个，但我会尽我所能。 我有一个包含许多字段的PHP表单。其中一个是textarea，我在那里持有一些php值。我想安装一个美化器来显示具有良好CSS风格的php值。 整个过程工作正常......但是美化器有一些javascript按钮，可以在textarea中切换开/关样式。现在这个textarea位于表单内，所以当我点击按钮时，表单会被提交。虽然按钮只是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>

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

我的问题：如何在我的textarea下添加按钮但是在单击时不执行该表单？让他们对textarea做他们的事情。 -Thanks

Answer 1

使用按钮而不是提交按钮（这是默认设置）。

<button type="button" ...>