Javascript 表单中带有onclick事件的普通按钮不';行不通

Javascript 表单中带有onclick事件的普通按钮不';行不通,javascript,button,Javascript,Button,我试图在公式中添加一个。此按钮与javascript per onclick事件连接 因此,我提出了以下建议: <!DOCTYPE html> <html> <body> <form> <fieldset> <div id="table_output"></div> <legend>Behandlungstremin</legend> <button name="add_termin

我试图在公式中添加一个。此按钮与javascript per onclick事件连接

因此,我提出了以下建议:

<!DOCTYPE html>
<html>
<body>
<form>
<fieldset>
<div id="table_output"></div>
<legend>Behandlungstremin</legend>
<button name="add_termin" id="add_termin" onclick="add_termin()">+ Termin</button>
</fieldset>
<br>
<input type="submit" class="submit" value="Rechnug erstellen" name="submit" id="submit">
</div>
<script>
    function add_termin() {
    document.getElementById("table_output").innerHTML = "Hello World";
    }
</script>
</form>
</body>
</html>

Behandlungstremin
+终点站

函数add_term(){ document.getElementById(“表输出”).innerHTML=“Hello World”; }
如果我在浏览器中运行此代码,则“Hello World”文本会在秒后消失

有人能帮我吗?

试试这个:

<!DOCTYPE html>
<html>
<body>
    <form>
        <fieldset>
            <div id="table_output">hgfdx</div>
            <legend>Behandlungstremin</legend>
            <button name="add_termin" id="add_termin" onclick="addTermin()" type="button">+ Termin</button>
        </fieldset>
        <br>
        <input type="submit" class="submit" value="Rechnug erstellen" name="submit" id="submit">
    </form>
    <script>
        function addTermin()
        {
            document.getElementById("table_output").innerHTML="Hello World";
        }
    </script>
</body>
</html>

hgfdx
Behandlungstremin
+终点站

函数addTermin() { document.getElementById(“表输出”).innerHTML=“Hello World”; }

您错过了type=“button”属性。

您知道表单提交的工作原理吗?删除
表单
并在不需要该表单时使用单击处理程序。@teemu是否所有按钮都在表单中时提交表单?我需要用于在中发布条目的表单php@jsve是的,这是一个默认操作,尤其是对于按钮类型的
submit
;)@jsve是的,我注意到,但是已经说过的是,
表单中的
(不是
按钮的类型)的默认操作是提交表单。