Вход — Операционка<script> // живое приветствие: выбрал себя — видишь, что панель тебя узнала (function () { var список = document.getElementById("имя"); var строка = document.getElementById("привет"); if (!список || !строка) { return; } function показать() { var имя = список.value.split(" ")[0]; строка.textContent = имя ? "Привет, " + имя + "!" : ""; } список.addEventListener("change", показать); показать(); })(); </script> <script> // Браузер норовит подставить сюда старый сохранённый пароль — из-за этого // уходило 23 символа вместо восьми. Чистим поле при загрузке и ещё раз // чуть позже, когда автозаполнение уже отработало. (function () { function очистить() { var п = document.getElementById("пароль"); if (п && !п.dataset.трогали) { п.value = ""; } } очистить(); window.addEventListener("load", очистить); setTimeout(очистить, 250); setTimeout(очистить, 700); var п = document.getElementById("пароль"); if (п) { п.addEventListener("input", function () { п.dataset.трогали = "1"; }); } })(); // глазик: показать введённый пароль, пока держим его открытым (function () { var поле = document.getElementById("пароль"); var кнопка = document.getElementById("показать"); if (!поле || !кнопка) { return; } кнопка.addEventListener("click", function () { var скрыт = поле.type === "password"; поле.type = скрыт ? "text" : "password"; кнопка.classList.toggle("открыт", скрыт); кнопка.title = скрыт ? "Скрыть пароль" : "Показать пароль"; поле.focus(); }); })(); </script>