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

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

タグの NAME 属性の基本構文 01

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

ユーザーアンケート

11
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
12
13
14
11行目はformタグで、フォームの名前はinvestで、フォームの内容はメールで送信されます。
#p#

タグのMETHOD属性の基本構文 01 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
02
03
04
05 06 07
08
09
10

User Survey

11

12

13
14 File description
Line 11 is the form tag. The name of the form is invest. The form content is sent by email, and the get transmission method is used to send the message in the form of plain text.
#p# Basic syntax of the TARGET attribute of

tag 01

02 …… 03

Syntax explanation
The value of target is as shown in the table below
Attribute value Description ＿blank Display the return information in a newly opened browser window ＿parent Display the return information in the parent browser window _self Display the return information in the current browser window _top Display the return information in the top-level browser window File example: 11-5.htm
Set the window for returning form information.
01
02
03
04
05
06
07
08
09
10

User Survey

11

12

13
14 File description
Line 11 is the form tag. The name of the form is invest. The form content is sent by email and the get transmission method is used to send the information in plain text. If there is information returned, a new browser will be opened. Display information in the form of a window.
In the

tag, 4 tags can be included, as shown in the following table
Tag Description Form input tag Menu and list tag Menu and list item tag Text area tag <br>The following code <br>01 <form> <br>02 <input>……<br>03 <textaarea>……</textaarea> </form>
04
05……
06
07

Various form fields can basically meet the requirements of the website for collecting information. If you require the viewer to enter text information, such as name, message, etc., you can use text fields. If the viewer is required to choose within a fixed range, he or she can choose a radio button or a multi-select button. In practical applications, this method is often used for gender, place of origin, and hobbies. Sometimes the browser is also asked to submit documents. You can use the file field. For example, a game selects a heroine prototype and requires applicants to submit photos, etc.