Comments 10
Ещё было бы хорошо добавить возможность располагать суффикс перед значением (префикс). Таким образом можно было бы сделать инаут с лейблом внутри.
То есть префикс например Name: и находится внутри инпута
Я вообще далек от разработки фронтенда. Но у меня, как у пользователя, от такого поведения текстбокса мозг расплавило бы. Открываешь полдюжины разных сайтов и на каждом самые безобидные с виду элементы управления ведут себя как-то по своему. Фронтендеры, оставьте, наконец-то, контролы в покое - пускай текстбоксы ведет себя просто как текстбоксы, а кнопки просто как кнопки :)) Я полгода не мог привыкнуть к вводу телефона в мобильном банке Сбера, который при вводе первой цифры автоматически вставлял впереди неё "+7", при этом на то что префикс перед номером в этом поле вводить самому не надо ничего не указывало - при инициализации с виду это было обычное, пустое текстовое поле.
Так это же во многом маркетинг — пытаются "впечатлить" пользователя, сделать не так, как у всех. При обычно эти все впечатлятели искренне уверены в том, что "именно так, как у нас, правильно, а остальные просто еще не доросли".
Я в каком то смысле вообще тоже скучаю по старым неконтролируемым формам, но дизайнеры диктуют тренды. Как например с логином, теперь уже многих дизайнеров не устраивает просто форма на одной странице, нужно обязательно разбить ее на 10 шагов и чтобы было все на разных страницах (и по одному полю на этой странице). Почему теперь не модно просто дать пользователю ввести этот же телефон как он желает, используя у инпутаtype="tel", а мы как программисты сами бы уже обработали и преобразовали его в удобный нам формат? -- нет, нужно обязательно чтобы были свистелки и фонарики (и ведь эти свистелки и фонарики далеко не всегда помогают пользователю). Короче для меня это тоже глубочайшая загадка.
У нас когда-то в продакшен ушел код с валидацией поля ввода фамилии. И все шло хорошо, пока через пару недель в поддержку не позвонил обескураженный человек с фамилией "Ю" (кореец :)))
)))
А вообще, есть такое понятие "Функциональный дизайн", когда элементы оформления выполняют не только декоративную роль, но и реально расширяют пользовательский опыт. Но зачастую все рюшечки с побрякушками, помимо простого украшательства, ещё и усложняют восприятие, а при не очень удачной реализации программистом, ещё и норм так ресурсов могут поджирать.
С другой стороны, это всё несёт сакральную роль таких себе экспериментов, благодаря которым собственно UX и развивается )
Фронтендеры тут не при чем, мы люди подневольные. Дизайнер нарисовал, бизнес утвердил, и отвоевать удается далеко не всегда.
Когда-то делал похожее, но воспользовался тем что в поле ввода шрифт моноширинный, и после каждого изменения поля ширину символа (ch) * количество символов - что давало расстояние на сколько двигать абсолютно спозиционированный (относительно обёртки) суффикс-компонент.
Интересный пример, спасибо.
React: как сделать динамический суффикс в <input />, который будет двигаться вместе с набранным текстом