パスワード付きのページにする
ツールボックスのカテゴリからフォームを選択します。
フォームアイコンをドラッグドロップします。
フォーム領域にパスワードフィールドをドラッグドロップします。
インスペクタの名前の部分にpasswdと入力します。
フォーム領域に送信ボタンをドラッグドロップします。
インスペクタで「ラベル」にチェックを入れてから、ラベル名を入力します。このラベル名が送信ボタンに表示される文字になります。
ソースタブをクリックしてソースモードに切り替えます。
右図の赤枠の部分のように入力します。
(
サンプルをダウンロード
して確認できます)
パスワードは赤枠部分内にある"ABC"の文字です。この文字を変更することで好きなパスワードにすることができます。
一番最初の入力フォームに対して処理するため、これより前に入力フォームを設定しないようにしてください。
パスワードが正しい場合にはok.html、不正な場合はng.htmlに移動します。赤枠部分内のok.htmlとng.htmlの部分を変更すれば好きなページURLに移動させることができます。
ブラウザで動作を確認します。
入力されたパスワードが間違っているとng.htmlページに移動します。
パスワードが正しい場合にはok.htmlに移動します。