ログイン認証画面について

ログインページを作っています。
パスワードを入れて、正しければ例えばhttps://www.google.co.jp にとんで、間違っていれば http://www.yahoo.co.jp/ に飛ぶよう作りたいのですが、初心者のためよくわかりません。
現在ログイン画面のみ完成しています。このほかに何をすればいいのかご教授ください。
よろしくお願いします。

'''<!DOCTYPE html>

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </head> <body> これより 会員専用ページです。 認証キーを入力してください。 <script src="password.php"></script> <script>// <![CDATA[ function password_check(){ var pw; pw = document.getElementById('EnterPassWord').value; if(pw != password){ alert("パスワードが違います"); }else{ alert("認証をクリアしました"); //location.href=pw + ".html"; } } // ]]></script> <form>''' <input id="EnterPassWord" type="password" size="20" /> <input onclick="password_check();" type="button" value="認証" /> <a title="yahoo" href="http://yahoo.co.jp">メンバーでないので退室する。</a> </form> </body> </html> </body> </html>

kei344

2017/01/08 14:20

質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

sun-solar-arrow

2017/01/08 14:33

HTMLタグを追加すると良いかもしれません…

kei344

2017/01/08 14:37 編集

'''（カンマ3つ）ではなく ```（バッククオート3つ）です。またバッククオート3つの前後には改行を入れてください。記入エリアの右部分あたりにリアルタイムに結果が表示されていると思うので、そこを見ながら調整してください。

行動規範の内容に同意します

回答2件

記事を更新してくれているので、鮮度も良い記事です。
PHPでログイン機能を実装するチュートリアル
私はこの記事で勉強しました。

投稿2017/01/08 14:10

退会済みユーザー

総合スコア0

退会済みユーザー

2017/01/08 14:14

> te2jiさんバックリンクサンキューですw

退会済みユーザー

2017/01/08 14:20

> ken0123 さん記事書いた人が見てくれたんで、不明点があれば聞いて下さい。ログインと会員管理は、ちゃんとしないといけないところなんで、結構ハードルは高いです。がんばって。 > Kosuke_Shibuya さん本人が紹介するより早く紹介してみましたｗあのシリーズ、少し時間をおいて読み直しても面白いです。ありがとうございます。

退会済みユーザー

2017/01/08 15:37

リンクありがとうございます。自分には、このサイトは難しすぎます。他にいいサイトなどありましたら、お教えください

退会済みユーザー

2017/01/08 15:50

書いたとおり、ログインと会員管理はきちんとケアしなければならないことが多数あり、ハードルが高いです。ログイン機能を実装したいのであれば、紹介サイトの理解は必須です。逆にまだ難しいと感じるのであれば、まずは他の機能実装から実践してみてはいかがでしょうか。まだ何の言語を使用するかも決めていないようなので、アドバイスも難しいですが、入門書を一冊読むところから始められては？

行動規範の内容に同意します

もし何も学ばずに楽にログイン画面を作ろうとしているならば、それはあまり好ましいことではないです。
質問者さんのコードからPHP、もしくはjavascriptを使おうとしているのだろうと思いますが、ログイン画面を作るために必要な知識が十分にないように見受けられます。本屋さんに行って自分に合った書籍を購入して読むことをおすすめします。

※ここから回答
質問者さんがしたいことはこういうことなのでしょうか？
以下のコードは安全ではありません。
特定の人だけを対象にするようなページに使うと大変危険なので絶対にやめてください。

HTML
1<!DOCTYPE html>
2<html>
3<head>
4    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
5</head>
6<body>
7<p><span style="font-size: 24pt;">これより</span></p>
8<p><span style="font-size: 24pt;">会員専用ページです。</span><span style="font-size: 12pt;">認証キーを入力してください。</span>
9    <!-- <script src="password.php"></script> password.phpはわからないのでコメントアウト -->
10
11    <script>
12        function password_check() {
13            var pw;
14            var password = "pass";//passwordが未定義。
15            pw = document.getElementById('EnterPassWord').value;
16            if (pw != password) {
17                alert("パスワードが違います");
18                location.href = "http://www.yahoo.co.jp/";//パスワードが違うならばyahooへ
19            } else {
20                alert("認証をクリアしました");
21                location.href = "https://www.google.co.jp/";//パスワードが正しかったらgoogleへ
22            }
23        }
24    </script>
25</p>
26<form>
27    <p>
28        <input id="EnterPassWord" type="password" size="20"/>
29        <input onclick="password_check();" type="button" value="認証">
30    </p>
31    <p>
32        <span style="font-size: 14pt;">
33        <a title="yahoo" href="http://yahoo.co.jp">メンバーでないので退室する。</a>
34        </span>
35    </p>
36</form>
37<p></p>
38</body>
39</html></p>
40</body>
41</html>