スニペット"WebLogin"：ログインフォームをオリジナルで用意

ログインフォームをオリジナルで用意するには、&tplパラメーターを使用します。

構文

フォームのHTMLはログイン用フォーム、ログアウト用リンク、パスワードを忘れた場合の新パスワードの要求フォームの3つがあります。
で区切って用意します。

サンプルコード

チャンク：login-form

<form method="post" name="loginfrm" action="[+action+]">
									<input type="hidden" name="cmdweblogin">
									<input type="hidden" name="rememberme" value="0">
									<dl>
										<dt><label for="field-username">ユーザー名</label></dt>
										<dd><input name="username" id="field-username"></dd>
										<dt><label for="field-password">パスワード</label></dt>
										<dd><input type="password" name="password" id="field-password"></dd>
										<dt><label for="field-remember-me">記録</label></dt>
										<dd><input type="checkbox" value="1" name="rememberme" id="field-remember-me"></dd>
									</dl>
									<button>ログイン</button>
								</form>
								<a href="#" onclick="webLoginShowForm(2);return false;">パスワードを忘れました</a>
								
								<a href='[+action+]'>ログアウト</a>
								
								<form method="post" action="[+action+]" name="loginreminder">
									<input type="hidden" name="cmdweblogin">
									<input type="hidden" name="txtpwdrem" value="0">
									<label for="field-email">新しいパスワードを要求するための登録されているメールアドレスを入力してください。</label>
									<p><input type="email" name="txtwebemail" id="field-email"></p>
									<p><button>送信する</button><button type="button" onclick="webLoginShowForm(1);">キャンセル</button></p>
								</form>

使用

[+action+]プレスホルダーは実行先を自動的に割り当ててくれます。

webLoginShowForm関数は、対象の領域へ切り替えるものです。
form要素で指定してあるname属性が必須となっています。

なお、利用するフィールドは次の通りです。

ログインフォーム：

name属性	type属性	初期値	説明
cmdweblogin 必須	hidden		実行するためのフィールド値は指定しなくてよい
username 必須	text		ユーザー名を入力するフィールド
password 必須	password		パスワードを入力するフィールド
rememberme	hidden または checkbox	0	ログイン状態を記録するかどうかのフィールド設定可能な（value属性）値は次の通り 0 ... 記録しない 1 ... 記録する

パスワードを忘れた場合の新パスワードの要求フォーム：

name属性	type属性	初期値	説明
cmdweblogin 必須	hidden		実行するためのフィールド値は指定しなくてよい
txtpwdrem	hidden	0	既存のパスワードを入力したメールアドレスへリマインドするかどうかのフィールド設定可能な（value属性）値は次の通り 0 ... リマインドしない（つまり新しいパスワードを設定） 1 ... リマインドする
txtwebemail 必須	text または email		メールアドレスを入力するフィールド

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