スニペット"eForm"：入力フォームのHTMLテンプレート

入力フォームのHTMLテンプレートを設定するには、&tplパラメーターを使用します。

構文

値	初期値	説明
表示する内容	<p class="error">[+validationmessage+]</p> <form method="post" action="[~[id]~]"> <input name="formid" type="hidden" value="eform" /> Name : <input name="name" class="text" type="text" size="30" eform="Your Name::1:" /><br /> Email : <input name="email" class="text" type="text" size="30" eform="Email Address:email:1" /><br /> Message : <textarea name="message" rows="4" cols="20" eform="Message:textarea:1"></textarea><br /> <input type="submit" name="contact" class="button" value="send" /> </form>	チャンク名またはHTML文字列。 HTMLは先頭に`@CODE:`を付けて指定する。

サンプルコード

[!eForm?
									...
									&tpl=`@CODE:<form action="[~[*id*]~]" method="post">
										<input type="hidden" name="formid" value="form1">

[+validationmessage+]

<dl>
											<dt><label for="field-name">お名前</label></dt>
											<dd>
												<input name="name" value="" maxlength="10" id="field-name" eform="お名前:string:1">
											</dd>
											<dt>性別</dt>
											<dd>
												<input type="radio" name="sex" value="男性" id="field-sex-male" eform="性別::1"><label for="field-sex-male">男性</label>
												<input type="radio" name="sex" value="女性" id="field-sex-woman"><label for="field-sex-woman">女性</label>
											</dd>
											<dt><label for="field-email">メールアドレス</label></dt>
											<dd>
												<input name="email" value="" id="field-email" eform="メールアドレス:email:1">
											</dd>
											<dt>当Webサイトを知ったきっかけ</dt>
											<dd>
												<input type="checkbox" name="know[]" value="チラシ" id="field-know-flyer" eform="当Webサイトを知ったきっかけ::1"><label for="field-know-flyer">チラシ</label>
												<input type="checkbox" name="know[]" value="検索エンジン" id="field-know-search"><label for="field-know-search">検索エンジン</label>
												<input type="checkbox" name="know[]" value="SNS (Social Network Service)" id="field-know-sns"><label for="field-know-sns">SNS (Social Network Service)</label>
												<input type="checkbox" name="know[]" value="その他" id="field-know-other"><label for="field-know-other">その他</label>
											</dd>
											<dt><label for="field-contents">お問い合わせ内容</label></dt>
											<dd>
												<textarea name="contents" id="field-contents" eform="コメント:html:1"></textarea>
											</dd>
										</dl>

<button>送信</button>
									</form>`
									...
								!]

フィールドについて：フォームやメールで使用するフィールド
プレースホルダーについて：フォームやメールで使用するプレースホルダー
検証（エラーチェック）について：フィールドの検証（エラーチェック）する内容を設定

CMS「MODX Evolution」逆引きリファレンス一覧へ戻る