javascript - HTML 按钮表现不佳

Question

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

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

编辑:源自:http://www.dynarch.com/projects/calendar/doc/

  <input type="text" id="id_activity_date" name="activity_date"> 
  <input type="button" value="..." id="calendar-trigger">
  <script type="text/javascript">
      new Calendar({
          trigger    : "calendar-trigger",
          inputField : "id_activity_date",
          onSelect   : function() { this.hide() }
     });
  </script>

我不希望重新加载发生，而且我不明白为什么会发生重新加载。或者如何阻止它。除了单击按钮之外，还会触发某些事情。我怀疑是 EXTJS 引起的，但我不知道为什么。

我想首先终止由此按钮触发的所有代码。我想让它成为一个在点击时不执行任何操作的哑按钮。

这里可能发生了什么？以及如何修复它？

Answer 1

试试这个:

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

我遇到了 <button> 的问题试图提交表单的标签，以及在不应该提交表单时不提交的内容。使用 <input>带有“按钮”类型的标签似乎对我有帮助 - 也许它对你也有用。

如果你有一个 <button>在没有提交按钮 ( <input type="submit"> ) 的表单上标记， <button>显然，默认情况下成为输入按钮。