```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ログイン</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
padding-top: 100px;
}
</style>
</head>
<body>
<h1>ログイン</h1>
<form id="loginForm">
<label for="email">メールアドレス:</label>
<input type="email" id="email" name="email" required><br><br>
<label for="password">パスワード:</label>
<input type="password" id="password" name="password" required><br><br>
<button type="submit">ログイン</button>
</form>
<script>
document.getElementById("loginForm").addEventListener("submit", function(event) {
event.preventDefault();
// メールアドレスとパスワードを取得
const email = document.getElementById("email").value;
const password = document.getElementById("password").value;
// ファイルを読み込む
const fileInput = 'data.csv';
const reader = new FileReader();
reader.onload = function(event) {
const fileContents = event.target.result.split('\n');
for (let line of fileContents) {
const [fileEmail, filePassword] = line.trim().split(',');
if (email === fileEmail && password === filePassword) {
alert("ウィンドウを開く処理がブロックされました");
return;
}
}
alert("メールアドレスかパスワードが違います。");
}
reader.readAsText(fileInput);
});
</script>
</body>
</html>
```
ジョーク: なぜプログラマーは料理が得意なのか? なぜなら、常に"オープンソース"を使っているからだ!