<< Nexcom SNSのご紹介 | top | モバイルの進化 >>

スポンサーサイト

一定期間更新がないため広告を表示しています

スポンサードリンク | - | | - | - | - | - |

CFメモ−フォームその1

 僭越ながら、JUGEMテーマにColdFusionを追加させて頂きました。テーマページはこちらです。
 JUGEMをご利用でCFに関する記事を書かれる方は、ぜひご選択ください。

 ロゴはそのままの使用はもちろん、忠実に作ってもアウトかもしれないということで、1分で作ったやっつけアイコンです。
 もっとおしゃれにしても良いかもしれませんね。


 これからちょこちょことCFに関することを書いていこうと思っておりますが、基本的に私のCF記事は自分用メモです。つまり、HTMLはわかるがCFは全くわからない初心者向けということになります。
 CFユーザーの方には「今更」な内容となりますのでご注意くださいませ。
 本当にメモ書きの形で書いていきますが、公開することで、自分のためだけでなく誰かのお役に立てたらと思います。


*****************************************************************************************************


+++++フォーム+++++

フォームは、form(フォーム)→confirm(入力確認)→entry(送信完了)の3段階からなる。


-----------------------------------------------------------------------------------------------------


【共通・文字化け対策】

<cfprocessingdirective  suppresswhitespace="yes" pageencoding="utf-8">
<cfcontent type="text/html; charset=utf-8">
<cfscript>
setencoding("form", "utf-8");
setencoding("url", "utf-8");
</cfscript>

○suppresswhitespace→ブロック内の空白文字を削除するかどうかを指定


↑↑ここまで、DOCTYPE宣言の前に記述(ページの最初から4096バイト内に配置する必要がある)↑↑

↓↓ここから、htmlの閉じタグの後につける↓↓


</cfprocessingdirective>


-----------------------------------------------------------------------------------------------------


【form】


■cfform

<cfform action="confirm.cfm" method="post" name="form1">

○action→遷移先。ここでは確認画面。

○cfform method
・post→大量のデータ転送が可能、データの内容が見えない。
・get→データ容量に制限あり、データの内容が見られる。

○name→要素名。必須。


■cfinput

・お名前:<cfinput type="text" name="simei" required="yes" message="お名前を入力してください。" size="25" />
・メールアドレス:<cfinput type="text" name="email" validate="email" required="yes" message="メールアドレスを入力してください。" size="30" />
・お問い合わせ内容:<cftextarea name="cnt" cols="50" rows="10" wrap="hard" required="yes" message="内容を入力してください。"></cftextarea>

○type→入力形式。

○required→フィールドにデータが必要かどうか。

○message→required="yes"の場合、フィールドに何も入力されなかった際に表示するメッセージ。

○validate→データ形式を制限。

○wrap→行の折り返し設定。


<cfinput name="submit" type="submit" value="確認" />
<cfinput name="reset" type="reset" value="リセット" />

</cfform>


-----------------------------------------------------------------------------------------------------


【confirm】


○#〜#で囲まれる値は変数。


■cfoutput→変数・関数の処理結果を出力

<cfoutput>
・お名前:#simei#
・メールアドレス:#email#
・お問い合わせ内容:#cnt#
</cfoutput>


○以下は変数の定義・遷移用。フォームはボタン以外見えない。

<cfform action="entry.cfm" method="post" name="form1">
<cfinput type="hidden" name="simei" value="#simei#" />
<cfinput type="hidden" name="email" value="#email#" />
<cfinput type="hidden" name="cnt" value="#cnt#" />
<cfinput type="submit" name="submit" value="送信" />
<cfinput type="reset" name="back" value="戻る" onclick="history.back()" />
</cfform>


-----------------------------------------------------------------------------------------------------


【entry】


■cfmail

↓↓ここからDOCTYPE宣言の前に記述↓↓

↓↓送信者への確認メール内容↓↓

<cfmail from="moto@test.jp" to="#email#" subject="メール内容" charset="iso-2022-jp">
<cfoutput>#simei#</cfoutput>様

○from→ここではほぼサイトマスターのアドレス

○charset="iso-2022-jp"→電子メールの文字コード。固定。

/////////////////////////////////////////////

【お問い合わせ内容】

<cfoutput>#cnt#</cfoutput>

/////////////////////////////////////////////

お問い合わせありがとうございました。

</cfmail>


↓↓問い合わせ先へのメール内容↓↓

<cfmail from="#email#" to="saki@test.jp" subject="お問い合わせ内容" charset="iso-2022-jp">

<cfoutput>#simei#</cfoutput>様からのお問い合わせ

/////////////////////////////////////////////

【お問い合わせ内容】

<cfoutput>
・お名前:#simei#
・E-Mail:#email#
・お問い合わせ内容:#cnt#
</cfoutput>

/////////////////////////////////////////////

</cfmail>


○body内には「送信完了、確認メールを送信しました」表示のみ。

くみっち | ColdFusion | 17:35 | comments(0) | trackbacks(0) | - | - |

スポンサーサイト

スポンサードリンク | - | 17:35 | - | - | - | - |
Comment









Trackback
URL:

07
--
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
--
>>
<<
--