JSFiddle - React, Tailwind, and code Playground

by Qwerty_Wasd

HTML

<form>
<p>Вариант оплаты
    <input type="text" name="Oplata" size="20" pattern="безналичный|наличный" title="Введите правильно одно из слов: 'наличные' или 'безналичные'"/>
</p> 
</form>

CSS

input:valid {
  color: green
}
input:invalid {
  color: red
}