HTML表單標記教學(2):_HTML/Xhtml_網頁製作

本教學介紹FORM表單標記的各種屬性在網頁設計中的應用.

標記的NAME屬性基本語法 01

02 … 03

語法解釋
透過為表單命名可以控製表單與後台程式之間的關係。 檔案範例：11-1.htm
在頁面中插入表單。
01
02
04
05
06
07
08
09
10

使用者調查

11

12

13
14 文件說明
第11行是表單標記，表單的名稱為"invest"。
#p#

標記的ACTION屬性基本語法 01

02 …… 03

語法解釋
在action屬性中定義表單提交的位址。 文件範例：11-2.htm
設定表單的提交地址。
01
02
04
05
06
07
08
09
10

使用者調查

11

12

13
14 文件說明
第11行是表單標記，表單的名稱為invest，將表單內容以電子郵件的方式傳送。
#p#

標記的METHOD屬性基本語法 01 02 … 03 語法解釋
mothod屬性中，get方法是將表單內容附加在url位址後面，所以對提交資訊的長度進行了限制，不可以超過8192個字元。如果訊息太長將被剪去，從而導致意想不到的處理結果。同時get方法不具保密性，不適合處理如信用卡卡號等要求保密的內容，而且不能傳送非ASCII碼的字元。 post方法是將使用者在表單中填寫的資料包含在表單的主體中，一起傳送到伺服器上的處理程序中，該方法沒有字元的限制，它包含了ISO10646的字元集，是一種郵寄的方式，在瀏覽器的網址列不顯示提交的信息，這種方法傳送的數據是沒有限制的。當不指明是那種方式時，預設為get方式。
如下程式碼，就是以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行是表單標記，表單的名稱為invest，將表單的內容以電子郵件的方式傳送，並使用get傳輸方式。
#p#

標記的ENCTYPE屬性基本語法 01

02 …… 03

語法解釋
value的取值如所下表所示
屬性值 描述 Text/plin 以純文字形式傳送訊息 Application/x-www-Form-urlencoded 預設的編碼形式 Multipart/Form-data 使用mine編碼 文件範例:11-4.htm
設定表單資訊提交的編碼方式。
01
02
03
04
05
06
07
08
09
10

ユーザーアンケート
11 12
13
14 ファイルの説明
11行目はフォームタグで、フォームの内容はメールで送信され、メッセージはプレーンテキストで送信されます。
#p#

タグのTARGET属性の基本構文 01 02 …… 03

target の値は下表の通りです。
属性値 説明 ＿空白 新しく開いたブラウザウィンドウに返信情報を表示します ＿parent 親ブラウザ ウィンドウに戻り情報を表示します。 _self 現在のブラウザ ウィンドウに戻り情報を表示します。 _top 最上位のブラウザ ウィンドウに戻り情報を表示します。 ファイル例: 11-5.htm
フォーム情報を返すウィンドウを設定します。
01
02
02
03
04
05
06
07
08
09
10

ユーザーアンケート

11

12

13
14
行 11 は form タグです。フォームの内容は電子メールで送信され、情報が返される場合は get 送信メソッドが使用されます。情報をウィンドウ形式で表示します。

タグには、次の表に示すように 4 つのタグを含めることができます。
タグの説明 フォーム入力タグ メニューおよびリストタグ テキストエリアタグ
次のコード
01

02

……
03 ……
04
05……
06
07
さまざまなフォームフィールドは、基本的に情報収集のための Web サイトの要件を満たすことができます。ビューアに名前やメッセージなどのテキスト情報を入力する必要がある場合は、テキスト フィールドを使用できます。一定の範囲で選択する必要がある場合は、ラジオボタンや複数選択ボタンを選択する方法があり、実用的には性別、出身地、趣味などでよく使われます。場合によっては、ブラウザーでファイル フィールドを使用して、ヒロインのプロトタイプを選択し、応募者に写真などの提出を求めることもできます。