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

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

構文

&tpl=`チャンク名`

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

ログイン用フォームのHTML
<!--tpl_separator-->
ログアウト用リンクのHTML
<!--tpl_separator-->
パスワードを忘れた場合の新パスワードの要求フォームのHTML

サンプルコード

チャンク: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>
<!--tpl_separator-->
<a href='[+action+]'>ログアウト</a>
<!--tpl_separator-->
<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>

使用

[[WebLogin? &tpl=`login-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」逆引きリファレンス一覧へ戻る