初期値のあるフォームを空にするには？

Question

フォームで初期値が入ったテキストフィールドの中身をクリア（空にする）するにはどうしたらよいでしょうか？

たとえば以下のようなフォームだと
リセットボタンをクリックするとフォームの値は初期値に戻ります。空っぽにはできません。

<form action="">
    <input type="text" name="text1" id="text1" value="初期値">
    <button type="reset">リセット</button>
    <button type="submit">送信</button>
  </form>

JavaScriptでも試しましたが同じ結果でした

<form action="">
    <input type="text" name="text1" id="text1" value="初期値">
    <button onclick="resetform();">リセット</button>
    <button type="submit">送信</button>
  </form>
  <script>
    function resetform() {
      document.getElementById('text1').value=""
    }
  </script>

初期値のあるフォームを空にするにはどうしたらよいでしょうか？

Answer 1

buttonタグは指定しないとtypeはsubmitになりますので、

<button type="button" onclick="resetform();">リセット</button>

としてみてください。

Comments

[D.O]

うまくできました！
ありがとうございます