HTMLフォームマークアップチュートリアル(2):_HTML/Xhtml_Webページ制作

このチュートリアルでは、Web デザインにおける FORM フォーム タグのさまざまな属性の応用を紹介します。

タグの NAME 属性の基本構文 01 文法説明
フォームに名前を付けることで、フォームとバックグラウンド プログラムの関係を制御できます。 ファイル例: 11-1.htm
ページにフォームを挿入します。
01
02
03
04
05
06
07
08
09
10

ユーザーアンケート

11 <フォーム name=invest>
12

13
14 ファイル説明
11行目はformタグで、フォーム名は「invest」です。
#p#

タグの ACTION 属性の基本構文 01 02

アクション属性でフォーム送信アドレスを定義します。 ファイル例：11-2.htm
フォームの送信アドレスを設定します。
01
02
03
04
04
-- ------------------------- ------ -->
05
06
07
08
09
10

ユーザーアンケート

11 <フォーム名=invest action=mailto:tslxg@hotmail.com>
12
13
14
11行目はformタグで、フォームの名前はinvestで、フォームの内容はメールで送信されます。
#p#

タグのMETHOD属性の基本構文 01 <メソッド="method"> 02
メソッド属性では、get メソッドがフォームのコンテンツを URL アドレスに追加するため、送信される情報の長さは制限されており、8192 文字を超えることはできません。メッセージが長すぎる場合は切り取られるため、予期しない処理結果が発生します。同時に、get メソッドは機密ではないため、クレジット カード番号などの機密性が必要なコンテンツの処理には適しておらず、非 ASCII 文字は送信できません。 post メソッドは、ユーザーがフォーム本文に入力したデータをサーバー上のハンドラーに送信します。このメソッドには ISO10646 文字セットが含まれており、送信された情報は表示されません。ブラウザのアドレス バーにあり、この方法で転送されるデータに制限はありません。メソッドが指定されていない場合、デフォルトは get メソッドです。
次のコードは、取得モードで tslxg@hotmail.com の電子メール アドレスに送信されるフォームを記述する方法です:
01
02 ……
03

ファイル例：11-3.htm
フォームの送信方法を設定します。
01
02
03
04 ;
05
06
07
08
09
10

ユーザーアンケート

11

12

13
14 ファイル説明
11行目はformタグで、フォームの内容はメールで送信されます。
#p#

タグの ENCTYPE 属性の基本構文 01 02

value の値は以下の表に示されています。
属性値 説明 Text/plin はプレーンテキスト形式で情報を送信します Application/x-www-Form-urlencoded Multipart/Form-data フォームのデフォルトのエンコーディングは私のエンコーディングを使用します ファイル例：11-4.htm
フォーム情報送信時のエンコード方式を設定します。
01