Latest web development tutorials

HTMLの<form>タグ

二つの入力フィールドと送信ボタンのHTMLフォームの場合:

<form action="demo_form.php" method="get">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit" value="提交">
</form>

»をお試しください
(その他の例については、ページの一番下を参照してください)

ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

すべての主要なブラウザは、<form>タグをサポートしています。


タグの定義と指示

<FORM>タグは、ユーザ入力のためのHTMLフォームを作成するために使用されます。

<form>要素は、以下のフォーム要素の一つ以上が含まれています。


HTML 4.01とHTML5との違い

いくつかのHTML 4.01属性がサポートされなくなりましたが、オートコンプリートとNOVALIDATE:HTML5は、2つの新しい属性を追加します。


HTMLとXHTMLとの違い

XHTMLでは、name属性は放棄されています。 代わりに、グローバルid属性を使用します。


プロパティ

新:HTML5新しいプロパティ。

属性 描述
accept MIME_type HTML5 不支持。规定服务器接收到的文件的类型。(文件是通过文件上传提交的)
accept-charset character_set 规定服务器可处理的表单数据字符集。
action URL 规定当提交表单时向何处发送表单数据。
autocomplete New on
off
规定是否启用表单的自动完成功能。
enctype application/x-www-form-urlencoded
multipart/form-data
text/plain
规定在向服务器发送表单数据之前如何对其进行编码。(适用于 method="post" 的情况)
method get
post
规定用于发送表单数据的 HTTP 方法。
name text 规定表单的名称。
novalidate New novalidate 如果使用该属性,则提交表单时不进行验证。
target _blank
_self
_parent
_top
规定在何处打开 action URL。


グローバル・プロパティ

<form>タグをサポートしてHTMLにグローバルプロパティを


イベントプロパティ

<フォーム>タグがサポートされていたHTMLイベントプロパティを


例

試してみてください - 例

チェックボックスを持つフォーム
この形式は、2つのチェックボックスと送信ボタンが含まれています。

ラジオボタンを持つフォーム
この形式は、2つのボックスと送信ボタンが含まれています。


関連記事

HTMLチュートリアル: HTMLフォームと入力

HTML DOMリファレンス: Form1のオブジェクト