Как кастомизировать форму?

Question

[injectine]

Вообщем, мне нужно, чтобы в форму можно было записать только буквы: T, U, C, A, G и чтобы каждая буква имела свой цвет. Я пытался что-то сделать, но даже не знаю с чего начать. Хелп.

Answer 1

[Kirill]

Отдельно буквы в input красить нельзя, насколько я знаю. Скорее всего вашим решением будет создать div с атрибутом contenteditable="true".

Ограничение на необходимые символы:
- Создать массив с необходимыми буквами и проверять на совпадение, например, через indexOf после события keyup, keydown или keypress на div'е.
- Либо после ввода проверять регулярным выражением

После проверки оборачиваете букву в span class="red", например, которому прописан цвет текста