Похожие записи:
- Инструмент устранения неполадок оборудования Cisco
- Веб-приложение калькулятора BMR, написанное на HTML / CSS / Vanilla JS
- Виртуальная клавиатура для набора латиницей с диакритическими знаками
- Функция batch_recursive_count_if с уровнем распаковки для произвольной вложенной итерируемой реализации произвольного типа в C ++
- Что бы вы сделали, чтобы сделать эту форму React + компонент Formik более читабельной?
alepavlenko
Пытаюсь допилить функционал формы для подписки на новости от им.
Не могу понять, если форму оставить пустую, не вводить майл нажать кнопку отправить, transform: translateY(-50%) перестаёт работать…. Введите E-Mail не перемещается, и вводя майл просто мешает.
Сама форма тут developer.pavira.de/#news
Что я упустил?
Заранее спасибо!
Sitealert
Что хотите сделать?
alepavlenko
Что хотите сделать?
При клике в поле куда вводить майл «Введите E-Mail» смещается вверх. Не вводить майл и нажать отправить, появляется «This is a required field.» и «Введите E-Mail» больше не смещается вверх 😕
Sitealert
При клике в поле куда вводить майл «Введите E-Mail» смещается вверх. Не вводить майл и нажать отправить, появляется «This is a required field.» и «Введите E-Mail» больше не смещается вверх 😕
Зачем вообще так делали? Есть же placeholder для этой цели.
alepavlenko
Зачем вообще так делали? Есть же placeholder для этой цели.
Что бы transform был☝
Sitealert
Никому не нужное извращение. ИМХО.
alepavlenko
Никому не нужное извращение. ИМХО.
Всё может быть… Но я не про изварщение просил
SocFishing
Добавить после формы:
<script>var editboxis = document.getElementById(«newsletter»);
editboxis.onclick = function() {
if (document.getElementsByClassName(«validation-advice»)[0]!=undefined) {
document.getElementsByClassName(«validation-advice»)[0].remove();
document.getElementById(«newsletter»).classList.remove(«validation-failed»);
}};</script>
Sitealert
Вот здесь посмотри, через .kc-input-label и .kc-input-label-focus с переключением через javascript сделано.
alepavlenko
Вот здесь посмотри, через .kc-input-label и .kc-input-label-focus с переключением через javascript сделано.
Я так понял, что раньше выводимый js слой css отключал transform у слоя… Может и не так, но как посоветовал SocFishing я сделал и, работает!!!
Хотя если честно не понял до конца как он это сделал 🍿