Javascript HTML按钮表现不好

我添加了一个按钮，用来打开日历“日期选择器”。按钮的形式是在EXTJS选项卡面板中呈现的。单击该按钮时，会导致重新加载EXTJS选项卡面板。即使我删除了除以下内容以外的所有内容（使其成为一个哑按钮），页面仍会重新加载

   <button id="calendar-trigger">...</button>

。。。

编辑：源自：

新日历({
触发器：“日历触发器”，
输入字段：“id\U活动\U日期”，
onSelect:function（）{this.hide（）}
});

我不想重新加载，也不知道为什么会重新加载。或者如何阻止它。除了点击按钮之外，还有一些东西被触发了。我怀疑是EXTJS引起的，但我不知道为什么

首先，我想删除这个按钮触发的所有代码。我想让它成为一个愚蠢的按钮，当点击时它什么都不做

这里可能发生什么事？我该如何修复它呢？

试试这个：

<input type="button" id="calendar-trigger" value="Button Label">

我遇到了

标签试图提交表单的问题，以及不应该提交表单的情况。使用带有“按钮”类型的

标签似乎对我有帮助-也许它也适用于你

---

如果在没有提交按钮（

）的表单上有一个

标记，

显然会默认成为输入按钮。

我建议使用

而不是

通常，

会在表单中创建一个提交按钮，我怀疑这就是

标记所做的。

在HTML中，

有一个

类型

属性。

type

的默认值为

submit

，这意味着除非指定

type=“button”

（或其他内容），否则该按钮将触发与其关联的表单的提交。这可能是导致页面重新加载的原因（因为表单正在提交）

---

或者，您可以使用

哇，这是一个非常少的按钮。我们成功地创建了一个“哑按钮”，这正是我想要的。现在，我想弄清楚为什么触发器没有加载日历。我添加了表单的上下文以显示日历脚本。如果您有任何关于如何使用日历的建议，我们将不胜感激。不确定日历没有显示的原因是什么。虽然我没有使用ExtJS，但我还是让它工作了。您是否下载了JSCal文件，并将其作为文档大纲包括在内？如果有，我不确定原因是什么，但我想可能是因为某种原因。

<input type="button" id="calendar-trigger" value="Button Label">

<input type="button" value="Click Me" id="calendar-trigger" />