JSFiddle - React, Tailwind, and code Playground

HTML

<div id="form">
<ul>
<li>  Ваша консоль:
<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</li>

<li>Название -:
<select>

<option>Saab</option>
<option>Mercedes</option>
<option>Audi</option>
</select>
</li>

<li>Защитники:
<select>
<option>+5</option>
<option>+4</option>
<option>+3</option>
<option>+2</option>
<option>+1</option>
</select>
</li>

<li> минимум:

<input type="text" onkeyup="this.value = this.value.replace (/\D/, '')" name="input">
</li>

<li>Челендж:
<select>
<option>—</option>
<option>+++</option>
</select>
</li>

<li>Сейв:
<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</li>



<button type="submit" class="buton">ОК</button>


</div>