au by KDDI EZfactory

ヘルプ | サイトマップ

EZfactoryサイト内検索

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

HDMLについて

HTML変換仕様

タグ変換仕様

デッキ分割仕様

入力フォーム変換仕様

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

機能制限事項

その他の注意事項

画像変換仕様

iモードとの互換性

機種別情報一覧

JPEGコンバータ

GIF画像

ランチャーアイコン

バーコード

絵文字

ダウンロードCGI

EZムービー

EZアプリ (Java™)

オープンアプリ (Java™)

簡易位置情報

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>

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



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