Комментарии 13
В Авито интерфейс поиска вообще человеконенавидящий. Самовольно меняет введенные пользователем слова на те, которые ему больше нравятся. Самовольно убирает фокус с поля ввода. Самовольно распоряжается выделением текста. Самовольно устанавливает область поиска на какие-нибудь "запчасти для автотранспорта". Показывает результаты, в которых нет вообще ничего похожего на искомое слово.
Авито - это эталон шляпных интерфейсов. Палата мер и весов
Озон не переплюнули пока что.
В Озоне все-таки чуть получше. Но бесконечный скролл, снова и снова показывающий одни и те же товары - за такое надо больно бить по пальцам.
Мне кажется WB - это эталон. Там ищешь одно - показывают другое. Показывает характеристики у товара, у которого их не может быть и пр. Я вообще не понимаю как люди там покупают.
По сравнению с ними - Озон идеален, т.к. он хотя бы показывает то, что ищешь. Да, чтобы найти нужное нужно поизвращаться, например искать текст в категории, а если и так не помогает - прошу найти гугл по картинке на сайте Озона.
Это отличные примеры использования атрибута
typeдля плохих интерфейсов. Номер и дата действия карты относятся к числовому типу данных, т. е. при их вводе нужны только цифры.
type number не для ввода номеров карт придумали, использовать его — издевательство над пользователем. type number имеет роль spinner, дальше сами.
дальше сами
Зачем перекладываете? Зачем автору продолжать писать ваше мнение? Почему не можете свою мысль закончить, на которое можно было бы ответить (согласиться или возразить)?
upd
type number не для ввода номеров карт придумали
Автор про это не писал, он писал про inputmode numeric
Автор написал, что input type text — не подходит для ввода номера карт. Это не так. Использовать inputmode как раз правильное решение.
Я ничего не перекладывал, мне просто было лень. Вот ссылка на блог StackOverflow, например: https://stackoverflow.blog/2022/12/26/why-the-number-input-is-the-worst-input/
Еще надо обязательно забыть добавить autocomplete="off"для поля ввода подтверждений из смс. Тыкаешь и видишь огромную простыню из 4-х значных кодов, ранее введенных. Кайф.
Уверен, что tabindex=-1 сделано специально. Когда человек заполняет форму, он ожидает, что Tab переключит на следующее поле ввода. А для очистки есть Backspace (ну или Shift+Home, Backspace, если очень много текста).
Shift+Home, Backspace
Скорее, Ctrl+A, Backspace. Курсор не обязательно в конце текста находится, да и Ctrl+A нажимать проще.
А так полностью согласен, я бы наоборот очень сильно удивился, если на Tab и Enter вместо выбора предложенного значения мне бы стёрло текст (наверняка ещё и без права на Ctrl+Z, в отличие от Backspace/Del).
К слову, у input type="search" в google chrome тоже крестик нельзя нажать с клавиатуры, т.е. в примере вполне стандартное поведение.
Делаем ужасный интерфейс только при помощи HTML и CSS