Как поставить пароль на страницу сайта

Как поставить пароль на сайт через html/css/js?

Добрый день!
есть лендинг, на который хочу поставить пароль(не сложный, без логина). Как я вижу это — заходишь на страницу — есть поле ввода пароля — вводишь правильный пароль — открывается страница(например, дать всему лендингу класс display:none и когда вводишь правильный пароль, то такой класс убирается)
как это сделать с помощью html и js?

лендинг пробный, так сказать , просто показать друзьям, чему я научился))

• Вопрос задан более трёх лет назад
• 4988 просмотров

Комментировать
Решения вопроса 2
Stalker_RED @Stalker_RED

Ну сделай какой-то враппер для контента, пропиши display none
Сделай поле, повесь слушатель на change или input, сравнивай value с образцом.

inputElem.oninput = function()

Только твоя «защита» обходится в три клика. Открыть devtools, убрать display: none.

Ответ написан более трёх лет назад
Комментировать
Нравится 1 Комментировать
Всего по немногу

Как установить пароль на браузер

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

Самый простой способ задать пароль для браузера — установить специальное расширение. В поисковом поле каталога расширений нужно ввести запрос. Что-то типа Browser Password или Browser Lock.

Зайти в магазин дополнений для браузера можно по ссылке:

Стоит отметить, что одно из протестированных нами приложений дает возможность пользоваться браузером и без ввода пароля. Достаточно нажать два раза на «Отмена» и браузер будет готов к работе. Так что лучше использовать что-то другое, например, LockPW Free.

К сожалению, рабочих приложений для установки пароля для Firefox нам найти не удалось. Однако в браузере есть возможность установить дополнительный пароль, защищающий сохраненные данные для авторизации на сайтах. Об этом можно прочитать подробнее на официальном сайте.

Это тоже интересно:

Как ограничить доступ к html-странице паролем?

Всем привет! Вопрос в следующем: Допустим, есть html-страница, на которой одно единственное поле для ввода пароля. При успешном вводе пароля человека перекидывает на нужную страницу. Пароль хранится не в базе, а в каком либо файле, или в коде этой же страницы. Как организовать доступ по паролю, чтобы при неверном вводе пароля под инпутом сразу же появлялся див с заданным текстом типа «Вы ошиблись».

Отслеживать
задан 22 ноя 2013 в 12:19
Frontender Frontender
2,615 23 23 золотых знака 68 68 серебряных знаков 117 117 бронзовых знаков
А [Basic access][1] HTTP авторизация вам не подходит? [1]: wiki.apache.org/httpd/PasswordBasicAuth
22 ноя 2013 в 12:28

Хранить пароль в коде страницы — моветон и грубое нарушение правил безопасности. Для хранения пароля используйте какую-нибудь хеш-функцию, например md5

22 ноя 2013 в 12:33

@Johny, сколько бы раз вы там не хешировали-перехешировали ключевую строку, толку от этого больше не станет. Так или иначе эта строка будет частью того же AJAX запроса, который для сервера будет верным, а, следовательно, злоумышленник( или школьник ) сумеет его вытащить без всяких проблем.

22 ноя 2013 в 12:37

3 ответа 3

Сортировка: Сброс на вариант по умолчанию

Если очень просто:

 
 
Кривой пароль
 Войти 
  

ctrl.php:

 else < echo "invalid"; >?> 

Отслеживать
177 2 2 серебряных знака 12 12 бронзовых знаков
ответ дан 22 ноя 2013 в 12:45
7,951 17 17 серебряных знаков 19 19 бронзовых знаков
Я бы мог сказать, что пример прекрасно работает, но если вы его не поняли, то и ладно.
22 ноя 2013 в 13:52

Самый лучший способ изменить расширение Вашего файла с .html на .php Так Вы по крайней мере сделаете код, который представлен снизу, компилируемым сервером. Это означает, что он не будет доступен другим пользователем. Они получат только конечный результат.

1. Просто добавьте этот скрипт наверху Вашей страницы
2. Замените login и pass на нужные Вам значения
3. Пользуйтесь на здоровье 🙂

P.S. Это слабая защита, для больших проектов стоит найти другое решение

 "pass"); $valid_users = array_keys($valid_passwords); $user = $_SERVER['PHP_AUTH_USER']; $pass = $_SERVER['PHP_AUTH_PW']; $validated = (in_array($user, $valid_users)) && ($pass == $valid_passwords[$user]); if (!$validated) < header('WWW-Authenticate: Basic realm="My Realm"'); header('HTTP/1.0 401 Unauthorized'); die ("Not authorized"); >// Тут мы пишем те echo "
Здравствуйте $user.
"; echo " 
Поздравляем, Вы успешно прошли авторизацию.
"; ?> 

Как установить пароль на текстовую страницу?

Вы можете создать или сделать уже имеющиеся текстовые страницы «секретными», с доступом к ним только по паролю.

1. Войдите в редактор любой текстовой страницы или создайте новую.
2. В настройках страницы нажмите на пункт «Защитить страницу паролем» и введите пароль, с которым посетители смогут получить доступ к ней.
3. В результате при входе на указанную страницу будет запрашиваться пароль.
Важно! Страницу с паролем нельзя сделать всплывающим рекламным окном.

Также читайте:

• Как копировать товар?
• Как добавить товар?
• Как включить сортировку в разделах каталога товаров?
• Тип характеристики «Чекбокс»
• Тип характеристики «Текстовое поле»
• Тип характеристики «Список»

Была ли статья полезна?

Каталог товаров и услуги

• Как добавить товар?
• Как копировать товар?
• Как быстро изменить основные данные о товаре?
• Как добавить увеличение изображения товара при наведении?
• У меня не отображается каталог товаров
• Как продавать цифровые товары?
• Как вывести товар на главную страницу?
• Как скрыть на главной странице товары, которых нет в наличии?
• Как скрыть заголовок страницы в карточке товара?
• Как показывать товары, которых нет в наличии, в конце каталога?
• Как включить информирование клиентов о поступлении товаров?
• Как вывести раздел каталога товаров на главную страницу?
• Как вынести каталог товаров в отдельный блок?
• Как изменить адрес страницы товара?
• Как изменить единицы измерения товаров?
• Как изменить адрес раздела товара?
• Как переместить товар из одного раздела в другой?
• Как переместить один товар в пределах раздела?
• Как добавить описание к разделу каталога товаров?
• Как установить скидку на товар?
• У меня не отображается поле для ввода скидки
• Как установить на товар рекламную метку?
• Как добавить к товару блок «С этим товаром покупают»?
• Как добавить поиск и сортировку по каталогу товаров?
• Как работает поиск по каталогу товаров?
• Как быстро найти нужный товар в каталоге, чтобы внести в него изменения?
• Как добавить фильтры по товарным группам и характеристикам?
• Как включить сортировку в разделах каталога товаров и фильтр по цене?
• Как настроить карточку товара?
• Установил «Товар в наличии» 1 штуку, а заказать можно больше.
• Как изменить количество товаров на странице?
• Как добавить дополнительное меню каталога товаров?
• Как показать, что товара нет в наличии?
• Как создать модификацию товара?
• Как создать новую/изменить товарную группу?
• Как создать новую/изменить характеристику?
• Тип характеристики «Чекбокс»
• Тип характеристики «Текстовое поле»
• Тип характеристики «Список»
• Как передавать коды маркировки в чек на полный расчет?
• У меня исчезли параметры товаров
• Как использовать параметры товара?
• Как сделать разные цены на товар в зависимости от параметра?
• Как работает опция для товаров «Поставка под заказ»?
• У товара исчез значок корзины для быстрого заказа
• Я удалил каталог товаров целиком, как его восстановить?
• Я удалил раздел в каталоге товаров, помогите восстановить.
• Как изменить размер изображений в каталоге товаров (превью)?
• Как создать в разделе каталога товаров подраздел?
• Как массово изменить цены на товары?
• Как упорядочить изображения в карточке товара?
• Как добавить услугу?
• Как добавить скидку к услуге?
• Как добавить описание к разделу Услуги?
• Как изменить адрес страницы услуги?
• Не отображается раздел Услуги

Контактная информация

• Как указать номер телефона на сайте?
• Как вывести блок контактов на главную страницу?
• Как изменить форму «Напишите нам»?
• Как изменить форму «Обратный звонок»?
• Как показать адрес офиса/магазина на карте?
• Как добавить фотографии к адресу?
• Как создать паблик чат в Viber?
• Как создать канал в Telegram?
• Как получить API Key для карт Google?
• Как получить API Key для Яндекс.Карт?
• Как добавить иконки мессенджеров в шапку сайта?

Фотогалерея

• Как добавить блок фотогалерея на главную страницу?
• Как добавить фотографии?
• У меня не отображается фотогалерея
• Как изменить размер изображений (превью) в фотогалерее?

Отзывы и комментарии

• Как добавить блок «Отзывы и комментарии» на главную страницу?
• Как добавить блок «Отзывы и комментарии» в меню?
• Как включить премодерацию комментариев?
• Как изменить вкладку Комментарии в товаре?
• Как вынести отзыв в левую часть сайта?
• Как вынести отзывы на главную страницу?
• Как подключить авторизацию через ВКонтакте для отзывов?
• Как подключить авторизацию через Facebook для отзывов?
• Как ответить на отзыв от лица администратора сайта?
• Как изменить дату и время отзывов и комментариев на сайте?
• Можно ли банить посетителей, которые оставляют негативные комментарии?

Доставка и текстовые страницы

• Как добавить страницу доставки и способы доставки на сайт?
• Как добавить текстовую страницу на сайт?
• Как добавить блоки на текстовую страницу?
• Как установить пароль на текстовую страницу?
• Как изменить адрес текстовой страницы?
• Как разместить рекламу/баннер партнеров на сайте?
• Как добавить на сайт страницу оплаты?
• Как добавить на сайт страницу производителя?
• Как добавить на сайт всплывающее рекламное окно?

Меню

• Как переименовать раздел в меню?
• Можно ли сделать меню с выпадающими окнами?
• Не отображаются пункты меню
• Как скрыть меню сайта?

Элементы оформления

• Как добавить логотип?
• Как настроить отображение логотипа на сайте?
• Как добавить слоган?
• Как добавить промо-баннер?
• Как добавить баннер в левый блок сайта?
• Как изменить копирайт сайта?
• Как добавить фон к таблице?

Новости и О компании

• Как добавить новость на сайт?
• Как изменить адрес страницы новости?
• Почему я не могу прочитать новости своего сайта в ленте RSS?
• Как добавить на сайт триггеры?
• Как добавить на сайт кнопку, картинку и картинку плюс текст?
• Как редактировать промо-баннер в шаблоне «Лендинг»?
• Как редактировать архивный слайдер в профессиональном шаблоне, Дизайн №1, №2?
• Как добавить видеофон на слайдер?

Статьи

• Как добавить разделы к статьям?
• Как добавить статью?
• Как разбить статью на две части (убрать часть текста под кат)?
• Как изменить адрес страницы статьи?

Видео

• Как добавить блок видео на сайт?
• Как добавить видеофайлы на сайт?

Статистика

• Как добавить блок статистики на сайт?
• Почему не работают счетчики статистики?
• Не вижу счетчики Яндекс.Метрики и Google Analytics на сайте
• Как добавить сайт в Яндекс.Вебмастер?
• Как установить счетчик Яндекс.Метрика (редактор 1.0)?
• Как установить информер Яндекс.Маркет?
• Как настроить цели в Яндекс.Метрике?
• Как настроить электронную коммерцию в Яндекс.Метрике?
• Как добавить сайт в Google Search Console?
• Как установить счетчик Google Analytics (редактор 1.0)?
• Как настроить цели в Google Analytics?
• Установка Google Analytics с помощью Google Tag Manager
• Как в Google Analytics отображать знак # в URL в отчетах и настроить цели на отправку форм?
• Как настроить электронную торговлю в Google Analytics?
• Как установить счетчик Liveinternet?
• Как добавить сайт в Вебмастер Mail.ru?
• Как добавить сайт в Вебмастер Bing?
• Как работает Вебвизор?
• Надо ли снова подключать сервисы статистики, если просрочить оплату платного тарифа?

Лид-форма и таймер для акций

• Как добавить блок «Таймер» на сайт?
• Как найти таймер для акций в шаблоне Презентационный?
• Как добавить и отредактировать лид-форму?

Социальные сети

• Как добавить кнопки социальных сетей на сайт?
• Как вывести кнопки социальных сетей в левом блоке?
• Как добавить сайт в Google Мой бизнес?

Поиск по сайту

• Как установить поиск по сайту от Яндекса?
• Как установить поиск по сайту от Google?
• Почему моего сайта нет в поисковых системах Яндекс, Google, Mail.ru?
• Надо ли делать автоматический прогон по каталогам?
• Как выделить сниппет в поисковой выдаче Яндекса?

Прочее

• Как перейти в режим просмотра / редактирования?
• Как перемещать (менять местами) блоки на сайте?
• Как скрыть/показать блок на сайте?
• Как скрыть сайт на время его разработки?
• У меня ничего не работает
• Как добавить на сайт блок Возможности?
• Как добавить на сайт блок Карточки?
• Как добавить на сайт блок Товары по тегу?
• Как добавить на сайт блок Карусель?
• Как добавить на сайт блок Слайдер?
• Как добавить на сайт блок Ссылки?
• Как добавить на сайт блок HTML-код?
• Как добавить на сайт блок Форма оплаты?
• Как добавить на сайт блок Квиз?
• Как добавить на сайт блок Форма продажи билетов?
• Как добавить на сайт блок Форма продажи курсов?
• Как добавить на сайт блок Карта?
• Как добавить на сайт блок Призыв к действию?
• Как добавить на сайт блок Видео?
• Как добавить на сайт блок Текст?
• Как разбить текст на колонки?
• Как добавить на сайт блок Заголовок первого уровня (SEO)?
• Как добавить на сайт блок Колонки?
• Как добавить на сайт Бургер-меню?
• Как добавить на сайт сквозной подвал с колонками?
• Как добавить на сайт блок Вопрос/Ответ?
• Как добавить на сайт блок Таймлайн?
• Как скопировать настройки блока?
• Как добавить раздел Документы?
• Как добавить меню питания для школ?
• Как добавить информер Gismeteo на сайт?
• Как добавить атрибут nofollow к ссылке?
• Как добавить в форму на сайте чекбокс (флажок, галочку)?
• Как создать ссылку?
• Как создать якорную ссылку?
• Как добавить пользовательское соглашение и политику конфиденциальности на сайт?

Редактор 2.0

• Как удалить блок или элемент со страницы?
• Как добавить блок на сайт?
• Как добавить изображение?
• Как отредактировать текст?
• Как изменить название блока?
• Как изменить фон блока?
• Как сделать блок сквозным?
• Как работать с кнопками?
• Как прописать SEO-настройки и ЧПУ страницы?
• Кнопки «Предпросмотр», «Опубликовать», «Восстановить»
• Как скопировать страницу?
• Как указать тип заголовка H?
• Как добавить/изменить блок “Обложка”?
• Как добавить/изменить/удалить пункт меню?
• Как добавить/изменить блок «Обложка с меню»?
• Как добавить страницу «Меню с телефонами»?
• Как добавить/изменить блок «Форма»?
• Как добавить/изменить блок «Преимущества»?
• Как добавить/изменить блок «Сотрудники»?
• Как добавить/изменить блок «Видео»?
• Как добавить/изменить блок «Отзывы»?
• Как добавить/изменить блок «Контакты»?
• Как добавить/изменить блок «Призыв к действию»?
• Как добавить/изменить блок «Партнеры»?
• Как добавить/изменить блок «Соц.сети»?
• Как добавить/изменить блок «Подвал»?
• Как добавить/изменить блок «Схема работы»?
• Как добавить/изменить блок «Галерея»?
• Как добавить/изменить блок «Текст»?
• Как добавить виджет Яндекс.Такси?
• Как установить счетчик Яндекс.Метрика (шаблоны 2.0)?
• Как установить счетчик Google Analytics (шаблоны 2.0)?
• Как добавить страницу «Главная»?
• Как добавить страницу «О компании»?
• Как добавить страницу «Услуги»?
• Как добавить страницу «Наша команда»?
• Как добавить страницу «Контакты»?
• Как добавить страницу «404»?
• Как добавить страницу «Пользовательское соглашение»?
• Как добавить страницу «Политика конфиденциальности»?
• Как добавить отступы между блоками?
• Как добавить дополнительные элементы внутри блока?
• Как перемещать элементы внутри блока?
• Как добавить виджет Календарь Travelpayouts?
• Как добавить виджет Поисковые формы Travelpayouts?
• Как добавить виджет отеля Travelpayouts?
• Как добавить виджет популярных направлений Travelpayouts?
• Как добавить виджет «Планоплан»?
• Как добавить виджет для комментариев ВКонтакте?
• Как добавить виджет для сообществ ВКонтакте?
• Как добавить виджет опросов ВКонтакте?
• Как добавить модуль поиска туров 5.0 от Слетать.ру?
• Как добавить Google Календарь?
• Как добавить блок Google AdSense?
• Как добавить Яндекс.Поиск для сайта?

На всех мониторах страны.
На визитке каждого.