Предсказание текста элемента ввода
Многие сайты показывают варианты того, что вы вводите, в виде раскрывающегося списка, а некоторые показывают наиболее вероятный результат в виде «предварительного просмотра» справа от курсора шрифтом с более светлым градиентом.
Например (это из Spotlight на моем Mac):
текстовое предложение в центре внимания
Есть ли способ воспроизвести это в стандартном элементе ввода HTML, или для этого требуется более сложный форматированный текст (например, Slate)?
Ответы 1
К сожалению, через тег input это невозможно.
Однако есть несколько способов сделать это.
Сланец - вариант, но я думаю, что вы можете сделать что-то попроще.
Например, вы можете сделать <div> с атрибутом contenteditable. Когда вы печатаете, div расширяется, и после «input div» вы помещаете другой элемент, который имеет результаты автозаполнения.
В любом случае вам определенно нужен JS для этого. Wor соединяет строку или для просмотра ваших возможных результатов. Если у вас все еще есть эта проблема, я мог бы написать демо smapp codepen.