簡易パスワード

サイトを作ってテストページをアップするとき

よく使用してるJavascriptを使ったパスワードページの作成方法

 

<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<title>test</title>
<script language=”JavaScript” type=”text/javascript”>
  function nextPage(){
   pwd=document.form1.pass.value;
   location.href=pwd+”.html”;
  }
</script>
<style type=”text/css”>
body {
text-align:center;
padding: 100px;
}
.txt {
height: 30px;
width: 150px;
}
.btn {
height: 30px;
}
</style>

</head>
<body>
<p>パスワードを入力してください</p>
<form name=”form1″>
<input type=”password” name=”pass” class=”txt”>
<input type=”button” value=”enter” onClick=”nextPage();” class=”btn”>
</form>
</body>
</html>

 

このページをindex.htmlにしておけばパスワード入力ページが表示され

表示したいhtmlファイルのファイル名を入力すればOKです

cssは簡単にみやすくしただけ

こちらのブログからいただきました

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


top