Как сделать список разрешенных значений в input?

Question

[AlexandrMa]

Сейчас с помощью JS наполняю массив данными. При отправке сравниваю значение в input text с массивом. Это всё не сложно.
Вопрос. Можно ли средствами html5 прописать список разрешенных слов? Просмотрев все мануалы, не нашел такого. Можно ограничить значения регулярками, диапазоном чисел и тд. Но нигде не находит конкретно массива разрешенных строк. Не select же использовать)))

Comments

[Ankhena]

Есть такая штука htmlbook.ru/html/input/list

[Вадим]

Ну или если Вы извращенец, то можно теми же регулярками в pattern запихнуть список слов :-)
Но правда в том, что это не надёжно. И datalist и pattern - кто угодно может залезть в разметку и поменять.
В JS залезть намного сложнее. Поэтому выбирайте что Вам больше подходит.

[Сергей delphinpro]

Не select же использовать)))

Почему бы и не использовать?
У вас фиксированный белый список. Ничего другого, кроме содержащегося в нем вбить нельзя. Чистый селект.

[AlexandrMa]

Сергей delphinpro, там 5т позиций))

[AlexandrMa]

Ankhena, спасибо. забыл совсем, сам же видел и забыл)

[Сергей delphinpro]

AlexandrMa, в таком случае оптимальным будет сделать автокомплит с ajax-подгрузкой вариантов, плюс выбор только из предлагаемых.

Answer 1

[Alex]

Я бы сделал регулярку в pattern атрибуте для валидации. А для удобства набора пользователем добавил datalist с возможными значениями.
Правда не факт, что делать валидацию через pattern атрибут более производительно. Зависит от вашего случая.

Но не забывайте, что в любом случае, вам нужно перепроверять данные на сервере.

Comments

[AlexandrMa]

спасибо. да. проверку то делаю внутри. вопрос был исключительно как из selectа сделать input))) тип того