Как создать простую страницу пароля

(Остерегайтесь, плохой английский) Я пытаюсь создать страницу, у которой просто есть «маленький блок», где вы можете ввести пароль, который я установил.Как создать простую страницу пароля

Если вы набрали правильный пароль и нажмите кнопку «Enter site», вы получите сообщение на следующую страницу.

Это не обязательно должен быть полностью защищенный веб-сайт, только форма 1line, которая отправляет вас на указанную страницу html-кода, если введенный пароль прав.

Я студент первого курса в моей школе и действительно наслаждаюсь работой с html, но так как я добрался далеко впереди остальных классов, я хотел бы узнать больше, поэтому я надеюсь, что есть кто-то, кто может помочь меня с этим.

Заранее благодарен! одна

Here is an example I made in photoshop

источник

2017-02-11 kaymeer

HTML не может сделать этого вам нужно выбрать другой язык в интерфейсе для проверки пароля. Или вы можете использовать javascript, который будет проверять пароль в интерфейсе, но вы должны указывать пароль в самом коде, только если вы делаете это для удовольствия. В противном случае для разработки веб-приложения со страницей входа в систему вам понадобятся бэкэнд-языки, такие как php или python и база данных, такие как mysql или mariadb для хранения паролей.

Пример кода
Вам нужно создать два файла, один для формы входа (login.html), а другой для перенаправления после правильного пароля вводится (Welcome.html).

Этот код для login.html

<!DOCTYPE html> 
<html> 
<head> 
    <title>Login page</title> 
</head> 
<body> 
<form> 
    <label for="pswd">Enter your password: </label> 
    <input type="password" id="pswd"> 
    <input type="button" value="Submit" onclick="checkPswd();" /> 
</form> 
<!--Function to check password the already set password is admin--> 
<script type="text/javascript"> 
    function checkPswd() { 
     var confirmPassword = "admin"; 
     var password = document.getElementById("pswd").value; 
     if (password == confirmPassword) { 
      window.location="welcome.html"; 
     } 
     else{ 
      alert("Passwords do not match."); 
     } 
    } 
</script> 
</body> 
</html>

Этот код для welcome.html

<!DOCTYPE html> 
<html> 
<head> 
    <title>Welcome page</title> 
</head> 
<body> 
<h1>Welcome!! you entered a right password</h1> 
</body> 
</html>

источник

2017-02-11 19:36:13 Pratik

Я не пытаюсь сделать какой-то базы данных учетных записей, как вы упомянули, но я просто хочу для установки пароля, например, в js, когда при вводе текста в текстовое поле и после отправки будет отправлен пользователь веб-сайта на указанную страницу. – kaymeer

Надеюсь, это сработает, если я вас не понял. – Pratik

Большое спасибо, вот что я искал. – kaymeer

Как создать простую страницу пароля

ответ

Смежные вопросы