Пишем код на CodePen на HTML, CSS, JS
Кнопка и форма входа на JavaScript
Вы можете создать для своего сайта форму входа, которая появляется после нажатия на кнопку, с помощью готового кода ниже. html <link href='https://fonts.googleapis.com/css?family=Raleway:400,500,300' rel='stylesheet' type='text/css'> <div id="mainButton"> <div class="btn-text" onclick="openForm()">Sign In</div> <div class="modal"> <div class="close-button" onclick="closeForm()">x</div> <div class="form-title">Sign In</div> <div class="input-group"> <input type="text" id="name" onblur="checkInput(this)"...
Как добавить интерактивность на сайт с JavaScript: создаем модальное окно за 30 минут
В первой части мы создали сайт с HTML и CSS, а в второй части улучшили его с помощью Bootstrap. Теперь пора сделать сайт интерактивным! Сегодня мы добавим модальное окно (всплывающее окно) с помощью JavaScript. Это займет всего 30 минут, а ваш сайт станет современнее и интереснее для пользователей. Поехали кодить! Модальное окно — это всплывающий блок, который появляется поверх контента и привлекает внимание. Например, это может быть форма подписки, уведомление или акция. Такие окна часто встречаются на сайтах: они помогают собирать email, показывать важные сообщения или предлагать скидки...