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>タグとのトラブルを持っていました。 "button"というタイプの<input>タグを使用すると、私の役に立ちました。多分あなたのためにもうまくいくでしょう。

送信ボタン（<input type="submit">）を持たないフォームに<button>タグがある場合は、<button>がデフォルトで入力ボタンになります。

Answer 2

<button>

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

とは対照的に、私は形で、私はそれが<button>タグがやっていることである疑いがある場合、通常<input type="submit" />は、送信ボタンを行います<input>を使用することをお勧めします。

Answer 3

HTMLでは、<button>はtype属性を持っています。 typeのデフォルト値はsubmitです。つまり、type="button"（または他のもの）を指定しない限り、ボタンは関連付けられているフォームの送信をトリガーします。これはおそらく、あなたのページをリロードする原因になります（フォームが送信されているためです）。

また、<input type="button" id="calendar-trigger" />を使用することもできます。