<フォーム>
HTML <form> タグ
インスタンス
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <form action="demo-form.php"> First name: <input type="text" name="FirstName" value="Mickey"><br> Last name: <input type="text" name="LastName" value="Mouse"><br> <input type="submit" value="提交"> </form> <p>点击"提交"按钮，表单数据将被发送到服务器上的“demo-form.php”。</p> </body> </html>
インスタンスの実行 »
[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します
ブラウザのサポート
すべての主要なブラウザは <form> タグをサポートしています。
タグの定義と使用方法
<form> タグは、ユーザー入力用の HTML フォームを作成するために使用されます。
<form> 要素には、次のフォーム要素が 1 つ以上含まれています:
<input>
<textarea>
<button>
< ;選択>
<オプション>
<オプトグループ>
<フィールドセット>
<ラベル>
HTML 4.0 1 HTML5 と HTML5 の違い
HTML5 の新しい 2 つ新しい属性: autocomplete と novalidate。HTML 4.01 の一部の属性はサポートされなくなりました。
HTML と XHTML の違い
XHTML では、name 属性は非推奨になりました。代わりにグローバル ID 属性を使用してください。
属性
New: HTML5 の新しい属性。
| 属性 | 値 | 説明 |
|---|---|---|
| accept | MIME_type | HTML5 サポートされていません。 サーバーが受信するファイルの種類を指定します。 (ファイルはファイルアップロード経由で送信されます) |
| accept-charset | character_set | サーバーが処理できるフォームデータの文字セットを指定します。 |
| action | URL | フォームが送信されたときにフォームデータを送信する場所を指定します。 |
| autocompleteNew | on off | は、フォームのオートコンプリート機能を有効にするかどうかを指定します。 |
| enctype | application/x-www-form-urlencoded マルチパート/フォームデータ text/plain | は、サーバーに送信する前にフォームデータをエンコードする方法を指定します。 (method="post" に適用) |
| method | get Post | は、フォームデータの送信に使用される HTTP メソッドを指定します。 |
| name | text | フォームの名前を指定します。 |
| novalidateNew | novalidate | この属性が使用される場合、フォームの送信時に検証は実行されません。 |
| ターゲット | _blank _自分 _親 _top | は、アクション URL を開く場所を指定します。 |
グローバル属性
<form> タグは HTML グローバル属性をサポートします。
イベント属性
<form> タグは HTML イベント属性をサポートします。
試してみる - 例
チェックボックスのあるフォーム
このフォームには 2 つのチェックボックスと送信ボタンが含まれています。
インスタンス
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <form action="demo-form.php" method="get"> <input type="checkbox" name="vehicle" value="Bike"> I have a bike<br> <input type="checkbox" name="vehicle" value="Car" checked="checked"> I have a car<br> <input type="submit" value="提交"> </form> </body> </html>
インスタンスの実行 »
「インスタンスの実行」ボタンをクリックして、オンラインインスタンスを表示します
ラジオボタン付きフォーム
このフォームには、2 つのラジオボタンと送信ボタンが含まれています。
例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <form action="demo-form.php" method="get"> <input type="radio" name="sex" value="Male"> Male<br> <input type="radio" name="sex" value="Female" checked="checked"> Female<br> <input type="submit" value="提交"> </form> </body> </html>
サンプルの実行 »
オンラインサンプルを表示するには、[サンプルの実行]ボタンをクリックしてください
関連記事
HTMLチュートリアル: HTMLフォームと入力
HTML DOMリファレンスマニュアル: フォームオブジェクト
