サイトを作ってテストページをアップするとき
よく使用してる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は簡単にみやすくしただけ
こちらのブログからいただきました
top