Комментарии 43
А потом люди «натренируются» на таких вот отрыжках, и лепят то же самое в прод.
С одной стороны позволяют выбирать из жестко заданного списка, с другой стороны можно ввести значение вручную.
Кондовый <select> не позволяет вам ничего ввести вручную. В статье — именно он. Вы думаете, в гифке случайно там ввод с клавиатуры прерывается, и месяц-год ставятся мышкой? Не случайно, по другому там никак.
В примере по ссылке все данные, в том числе месяц/год можно ввести с клавиатуры.
В гифке вообще не увидел ввода дат.
В примере по ссылке все данные, в том числе месяц/год можно ввести с клавиатуры.
Эм, нет. Нельзя.
Edit: пардон, конечно же можно — при условии, что вы угадаете логику программиста, заполнявшего селекты. Что месяц у него начинается с нуля, а год забит полностью, четырьмя цифрами. Если не угадаете — хоть обвводитесь.
Хотя когда есть полная однозначность в формате вводимых данных — то селект вполне нормальный. Но с кредиткой — я уже выше написал. «12» как-то иначе не ввести, а вот «2» нужно вводить как «2», или как «02»? Год двумя цифрами или четырьмя?
А что не так с комбобоксами? Они же отлично вписываются.
Это конечно дело вкуса, но лично мне дату удобнее вводить при помощи более-менее адекватного datepicker'а с возможностью для ввода текста. А в идеале ещё и с каким-то плэйсхолдером, который показывает нужный формат.
Зачем вам datepicker на поле ввода даты кредитной карты?
Ээээ, чтобы эту самую дату и выбирать. Для этого вроде бы datepicker и существуют.
Но вы же её не выбираете. Вы вписываете туда уже установленную дату с кредитной карты и меняется она тоже весьма не часто.
В моем представлении дейтпикер нужен когда юзеру надо выбирать дату — увидеть календарь, подумать какая дата лучше, прикинуть планы итд. Зачем усложнять интерфейс когда юзеру надо просто скопировать с реальной карты 4 цифры?
edit: Я подумал — я даже против дейтпикераа на поле "день рождения". Потому что запомненное 14031985 вбить в поле дд.мм.гггг проще чем листать до нужного года или вообще разбираться с дейтпикером. Зато дейтпикер будет хорош на поле "когда вы хотите отмечать день рождения" — вот там да, красивый календарик будет в тему.
Опять же нормальный datepicker в моём понимании в данном случае будет иметь поле для ввода 4 цифр(по хорошему ещё и с плэйсхолдером для понимания формата ) и рядом иконку, которая откроет диалог с выбором года(скажем на ближайшие 10 лет) /месяца(12 штук).
Потому что как показывает практика далеко не все любят просто цифры вводить и многим хочется выбирать исключительно мышкой /тыком.
П.С. И на мой взгляд такой datepicker однозначно лучше комбобокса где ещё и скролить надо…
Я подумал — я даже против дейтпикераа на поле «день рождения».
Как только вам где-то придётся столкнуться с плохо листаемым дейтпикером при вводе обязательного дня рождения — вы сразу станете против, даже если до этого не заморачивались.
Мне один раз пришлось тридцать с лишним раз топтать в кнопочку «прошлый год», только потому, что какой-то гений решил, что дейтпикер нужен.
К примеру, мне очень удобно вводить данные карты, переключаясь между филдами с помощью «tab». И если один из филдов — комбобокс, это не очень приятно.
НО может быть, не всем удобно вводить данные карты именно так. Есть же юзвери, которых надо «контролировать».
glorified
[ʹglɔ:rıfaıd] a
1. прославленный
2. выдаваемое за что-л. более достойное, шикарное и т. п.
the ❝hotel❞ was nothing but a glorified flophouse — это была простая ночлежка, которую выдавали за гостиницу; хвалёная гостиница была просто-напросто ночлежкой
Соответственно, я бы перевёл в духе «это по сути простой список».
в чем преимущество выбора дня и года селектромами вместо просто написать цифры?
кому то это реально удобно?
Все это красиво и круто (и именно эта форма уже не только на Vue), но вот как активный пользователь инет магазинов не хотел бы ее встречать в действии =) Если регулярно ей пользоваться (а данные карт в магазинах сохранять я не люблю), то меня бы сильно подбешивала эта анимация, ее переворот (как тут уже писали при этом нельзя сразу видеть все что ввел) и эти выпадающие списки (они будут мешать автозаполнению пасс менеджерами).
Многое из статьи красиво своими анимациями, но как-то не очень практично на деле.
А можно ссылочку на чаты в стиле Reddit на вебсокетах? А то в мобильной версии так и не мог найти. Для интеграции с Битрикс куда-нибудь приделаю, будет хотя бы одна красивая и понятная форма общения)
В т.ч. и BostonGeorge, т.к. кроме карты ни о чём не написал;)
5. Чаты в стиле Reddit
Поэтому такой дизайн формы, когда номер карты повторяется где-либо в области помимо самого инпута, возможен либо на стороне самой платёжной системы, либо вообще невозможен в секьюрных сайтах.
Это называется PCI compliance.
Шесть задачек для Front-End разработчика