au by KDDI EZfactory

ヘルプ | サイトマップ

EZfactoryサイト内検索

XHTML HDML マルチメディア・コンテンツ 技術情報 ダウンロード
技術情報
XHTML Basicについて

HDMLについて

タグ変換仕様

デッキ分割仕様

入力フォーム変換仕様

「iモード・オプション」のサポート

機能制限事項

その他の注意事項

画像変換仕様

iモードとの互換性

機種別情報一覧

JPEGコンバータ

GIF画像

ランチャーアイコン

バーコード

絵文字

ダウンロードCGI

EZムービー

EZアプリ (J)

オープンアプリ

簡易位置情報

SSL通信

IPアドレス帯域

デコレーションメール

そのほかの技術情報

auケータイクーポン


<form>/<label>/<input>
インデックスページへ戻る
ここでは入力フォームに関する仕様について説明します。

<form>


 EZサーバは、<form>要素に対し、その中の入力コントロールの変数に初期値をセット、または、リセットする <NODISPLAY>カード (リセットカード、クリアカード) を最初に作成します。次に、ユーザに変数をセットさせる機能を提供する『入力フォーム画面』 (メニューカード) と呼ばれる <DISPLAY>カードを作成します。
各HTML形式の入力コントロール要素 (<input>、<select>、<textarea> 等) は、『入力フォーム画面』から対応する <ENTRY>カード、あるいは <CHOICE>カードのいずれかへハイパーリンクが張られるように作成されます。これらの要素は、オリジナルのHTMLの <form>要素中で記述された順序に従って表示されます。各HTML形式の入力コントロール要素の初期値は、『入力フォーム画面』の中の対応するハイパーリンクの部分にテキスト表示されます。
『入力フォーム画面』では、変数を初期表示する、変数をセットすることに加えて、ユーザが、その <form>から前画面へ戻る、その <form>をスキップする、その <form>をリセットする、その <form>をサブミットし変数をコンテンツサーバへ送信することができます。
『入力フォーム画面』で prevキー (backキー) を押下することで、ユーザは <form>の直前のカードに直ちに戻ることが可能です。また、「スキップ」とラベル表示されているsoft1キーを押下することで、ユーザは変数をコンテンツサーバに送信せずに、次のカードへ遷移させることができます。
以降にサンプルを示します。
■サンプル (変換前)

図: サンプル (変換前)
<FORM METHOD="POST" ACTION="post-get.cgi">

NAME<BR>
<INPUT TYPE=text NAME="CNAME" SIZE=20 MAXLENGTH=40 ISTYLE=1><BR>
<BR>

PASSWORD:<BR> <INPUT TYPE=password NAME="PASSWD" SIZE=8 MAXLENGTH=8 ISTYLE=4><BR>
<BR>

MALE/FEMALE:<BR>
<INPUT TYPE=radio NAME="SEX" VALUE="M">MALE<BR>
<INPUT TYPE=radio NAME="SEX" VALUE="F" checked>FEMALE<BR>
<BR>

HOBBY:<BR>
<INPUT TYPE=checkbox NAME="HOBBY" VALUE="PC">PC<BR>
<INPUT TYPE=checkbox NAME="HOBBY" VALUE="SP">SPORTS<BR>
<INPUT TYPE=checkbox NAME="HOBBY" VALUE="RD" checked>READING<BR>
<INPUT TYPE=checkbox NAME="HOBBY" VALUE="OT">ETC<BR>
<BR>

CARRIER:<BR>
<SELECT NAME="CARRIER">
<OPTION VALUE="AU">AU
<OPTION VALUE="DC" selected>DoCoMo
<OPTION VALUE="JP">J-Phone
<OPTION VALUE="OT">ETC
</SELECT><BR>
<BR>

COMMENT:<BR>
<TEXTAREA NAME="MESSAGE" COLS=20 ROWS=4></TEXTAREA><BR>
<BR>
<INPUT TYPE=submit VALUE=" SEND "><BR>
<INPUT TYPE=reset VALUE=" RESET "><BR>

</FORM>

■サンプル (変換後)

図: サンプル (変換後)

01
<HDML VERSION="3.0" PUBLIC="TRUE" MARKABLE="TRUE" TTL="0">
02
 
03
<NODISPLAY NAME="__card1">
04
<ACTION TYPE="ACCEPT" TASK="GOSUB"
VARS="CNAME=&PASSWD=&SEX=F&X1SEX=FEMALE&HOBBYXXPC=&HOBBYXXPCC=
_&HOBBYXXSP=&HOBBYXXSPC=_&HOBBYXXRD=RD&HOBBYXXRDC=X&HOBBYXXOT
=&HOBBYXXOTC=_&CARRIER=DC&MESSAGE=" DEST="#__card2"></NODISPLAY>
05
 
06
<DISPLAY NAME="__card2">
07
<ACTION TYPE="PREV" TASK="RETURN" DEST="#__card14">
08
<ACTION TYPE="SOFT1" TASK="GO" LABEL="スキップ" DEST="#__card13">
09
<ACTION LABEL=" " TYPE="ACCEPT" TASK="NOOP">
10
<WRAP>NAME
11
<A TASK="GO" LABEL="編集" DEST="#__card3">$(CNAME:esc)</A>
12
<WRAP> PASSWORD:
13
<A TASK="GO" LABEL="編集" DEST="#__card4">******</A>
14
<WRAP> MALE/FEMALE:
15
<A TASK="GOSUB" LABEL="編集" RECEIVE="SEX;X1SEX" DEST="#__card5">$X1S;
EX</A>
16
<WRAP> HOBBY:
17
<A TASK="GO" LABEL="編集" DEST="#__card6"></A>
18
<WRAP> CARRIER:
19
<A TASK="GO" LABEL="編集" DEST="#__card11">$(CARRIER:esc)</A>
20
<WRAP> COMMENT:
21
<A TASK="GO" LABEL="編集" DEST="#__card12">$(MESSAGE:esc)</A>
22
<A TASK="GO" LABEL=" SEND " DEST="post-get.cgi" METHOD="POST"
POSTDATA="CNAME=$(CNAME:esc)amp;PASSWD=$(PASSWD:esc)&
SEX=$(SEX:esc)&HOBBY=;
$(HOBBYXXPC:esc)&HOBBY=$
(HOBBYXXSP:esc)&HOBBY=$(HOBBYXXRD:esc)&HOBBY;
=$(HOBBYXXOT:esc)&CARRIER=$(CARRIER:esc)&MESSAGE=$
(MESSAGE:esc)"> SEND </A>
<A TASK="GO" LABEL="RESET" DEST="#__card1"> RESET </A>
23
</DISPLAY>

07
<ACTION TYPE="PREV" TASK="RETURN" DEST="#__card14">
08
<ACTION TYPE="SOFT1" TASK="GO" LABEL="スキップ" DEST="#__card13">
09
<ACTION LABEL=" " TYPE="ACCEPT" TASK="NOOP">

3つのACTIONが設定されます。
11
<A TASK="GO" LABEL="編集" DEST="#__card3">$(CNAME:esc)</A>
13
<A TASK="GO" LABEL="編集" DEST="#__card4">******</A>
15
<A TASK="GOSUB" LABEL="編集" RECEIVE="SEX;X1SEX" DEST="#__card5">$X1S;
EX</A>
17
<A TASK="GO" LABEL="編集" DEST="#__card6"></A>
19
<A TASK="GO" LABEL="編集" DEST="#__card11">$(CARRIER:esc)</A>
21
<A TASK="GO" LABEL="編集" DEST="#__card12">$(MESSAGE:esc)</A>
22
<A TASK="GO" LABEL=" SEND " DEST="post-get.cgi" METHOD="POST"
POSTDATA="CNAME=$(CNAME:esc)amp;PASSWD=$(PASSWD:esc)&
SEX=$(SEX:esc)&HOBBY=;
$(HOBBYXXPC:esc)&HOBBY=$
(HOBBYXXSP:esc)&HOBBY=$(HOBBYXXRD:esc)&HOBBY;
=$(HOBBYXXOT:esc)&CARRIER=$(CARRIER:esc)&MESSAGE=$
(MESSAGE:esc)"> SEND </A>
<A TASK="GO" LABEL="RESET" DEST="#__card1"> RESET </A>

各入力コントロールに対応するカードへのリンクと Submit、Reset へのリンクが配置されます。
10
<WRAP>NAME
12
<WRAP> PASSWORD:
14
<WRAP> MALE/FEMALE:
16
<WRAP> HOBBY:
18
<WRAP> CARRIER:
20
<WRAP> COMMENT:

各入力コントロールの直前文字列が、リンクの前に配置されます。
(直前に文字列が無ければ、name属性の文字列がセットされます)

<label>


 <label>タグは無視されます。 (タグで囲まれた文字列は有効)

しかし、EZサーバでは、各入力コントロール (input、select、textarea) の直前行の文字列、または直前の文字列をその入力コントロールに対応する <label>要素とし、その文字列を以下のように扱います。
入力フォーム画面の中で当該の入力コントロールのプロンプト (見出し文字列) とする。
当該の入力コントロールに対応するENTRYカードまたはCHOICEカードのプロンプト (先頭行文字列) とする。

※ <form>タグ内の入力コントロールに対応しない文字列は無視されます。

<input>


 disabled属性は、無視されます。
readonly属性は、無視されます。
name属性は、サーバへ送信される変数名となります。
name属性が未設定であった場合、id属性が変数名となります。
name属性、id属性ともに未設定であった場合、type属性が変数名となります。
type属性が未設定 (省略) の場合、type="text" とみなします。
■<input type="text">

<input type="text">要素は <ENTRY>要素へ変換されます。
「<form>要素」で示したサンプルの <input type="text">要素 は以下のように変換されます。
図: <input type="text">
<ENTRY KEY="CNAME" FORMAT="*M" NAME="__card3">
<ACTION TYPE="ACCEPT" TASK="GO" DEST="#__card2">NAME
</ENTRY>

インデックスページへ戻る
このページの先頭へ


Designing The Future KDDI
au 電話・インターネット 法人サービス 会社情報
  ここから当ウェブサイトの情報についてのメニューです。
免責事項 リンクについて 推奨環境 プライバシーポリシー Copyright © KDDI CORPORATION. All Rights Reserved.