На интерфейсном курсе: три вида серенького текста в поле
Вставка
- Опубліковано 17 кві 2024
- Разбираем три случае, когда текст в поле может быть сереньким: поле отключено (задисейблено), в поле подсказка (плейсхолдер) или поле использует ввод по маске.
Записано на курсе «Пользовательский интерфейс и представление информации» 20 октября 2023 года. Программа и запись:
bureau.ru/educenter/ui-online/
Это фрагмент № 144.
Следующий: скоро
Предыдущий, про элементы формы под главной кнопкой: • На интерфейсном курсе:...
Классный видос, как раз хотел разобраться с текстами в инпутах
А я вот не понял. Вообще не вижу ничего плохого в плейсхолдерах, даже если они тупые. Здесь мне кажется просто комбинация цветов неудачная получилась.
И немного поправлю Илью для потомков: disabled поле не оправляется на сервер, а readonly - отправляется. Отличить их можно по возможности выставить на поле фокус, или выделить значение.
На 100%, че-та препод по-ходу не особо в курсе
А зачем ват тупые плейсхолдеры? Больше шума на экране наводите просто так? Каждый элемент на странице надо сомнению подвергать
Я думаю, он говорил про дисейблд поля с логической точки зрения. А не конкретный атрибут в html, как вы
Больше смутило узенькое поле номера телефона в поле номера телефона
Это ок, у него же заранее известное ограниченное количество символов + так оно выделяется среди остальных
@@aurumvt я имел ввиду что при фокусе оно более узкое, чем визуальная область поля, это видно по рамке инпута.
@@Array256нет там никакого фокуса, это пнг картинка открыта, а браузер при наведении видит на картинке текст и дает его выделить)
@@kitchen-ipad Не совсем, это фича MacOS называется Live Text, определяет текст на экране и даёт пользователю взаимодействовать с ним, не обязательно в браузер, это работает сквозь всю систему, даже если UA-cam видео поставить на паузу, текст на видео можно будет выделить и про-взаимодействовать. Подобный функционал есть в смартфонах в приложениях камеры: QR-коды, текст, перевод.
На видео видно, что когда Илья ведёт курсор к номеру телефона он выделяется рамкой со стрелочкой, при нажатии на стрелку, можно будет позвонить по этому номеру, добавить в контакты и т.д., тоже самое работает и с Email адресами.