要素

<form> 要素はフォームを表し、HTMLFormElement インターフェイスを継承します。

HTMLFormElement のインスタンス プロパティ

  • elements: フォームに属するすべてのコントロール要素をメンバーとする配列のようなオブジェクトを返します。このプロパティは読み取り専用です。
  • length: このフォームに属するコントロールの数を示す整数を返します。このプロパティは読み取り専用です。
  • name: フォームの名前を示す文字列。
  • method: サーバーに送信するときに使用される HTTP メソッドを示す文字列。
  • target: フォーム送信後にサーバーから返されるデータの表示位置を示す文字列。
  • action: フォーム送信データの URL を表す文字列。
  • enctype (または encoding): フォーム送信データのエンコード方式を示す文字列。指定可能な値は、application/x-www-form-urlencodedmultipart/form-data、および です。テキスト/プレーン
  • acceptCharset: サーバーが受け入れる文字エンコーディングを示す文字列。複数のエンコーディング形式を区切るには、カンマまたはスペースを使用します。
  • autocomplete: ブラウザが <input> コントロールに自動補完を提供するかどうかを示す文字列 on または off
  • noValidate: フォームの自動検証をオフにするかどうかを示すブール値。

HTMLFormElement のインスタンス メソッド

  • submit(): フォームを送信しますが、submit イベントとフォームの自動検証はトリガーされません。
  • reset(): フォームコントロールの値をデフォルト値にリセットします。
  • checkValidity(): コントロールが自動検証に合格できる場合は true を返し、そうでない場合は false を返して invalid イベントをトリガーします。

以下はフォームを作成して送信する例です。

var f = document.createElement('フォーム');
document.body.appendChild(f);
f.action = '/cgi-bin/some.cgi';
f.method = 'POST';
f.submit();

作者: wangdoc

アドレス: https://wangdoc.com/

ライセンス: クリエイティブ・コモンズ 3.0