dom_dom0600_007

フォームを初期状態に戻すには、フォーム要素で ( A ) メソッドを呼ぶ。個別の入力に対しては、inputEl.( B ) = “” のように直接値を変更できる。

解答

A: reset
B: value

解説

form.reset() はデフォルト値に戻します。個別操作は value を空文字などへ代入して調整します。

使用例(サンプルコード)

[ html ]

<form id="f">
  <input name="title" value="初期値">
  <button type="button" id="clear">クリア</button>
</form>
<script>
  const form = document.getElementById('f');
  document.getElementById('clear').addEventListener('click', () => {
    form.reset(); // すべて初期値に
  });
</script>