В предыдущих уроках мы создали функциональные формы регистрации и входа для нашего веб-приложения. В этом руководстве мы немного изменим эти формы, чтобы сделать их более удобными и современными. Теперь мы будем начинать с формы входа, а затем добавим возможность регистрации для новых пользователей. Давайте сделаем наши формы не только функциональными, но и привлекательными! Сначала обновим структуру HTML так, чтобы форма входа отображалась первой. Вот пример обновленного HTML-кода: Обновленный HTML-код...

Инпут с ползунком Предыстория: Как сделать такой инпут, да еще задать ему стили? Стили, кроме того, должны быть кроссбраузерными. Очень часто его далают из стилизованых <span>, а функционал пишут на js. На самом деле это необязательно. Решение, input[type="range"] стилизация без js HTML: <input type="range" name="range" value="75" min="0" max="100" step="1" /> ...