JSFiddle - React, Tailwind, and code Playground

by Naeel Maqsudov

HTML

<p>Контент до формы</p>
<form action="#" method="post">
    <fieldset><legend>Группа</legend>
        <input type="text" name="uname" placeholder="Введите имя"/>
        <input type="password" name="pwd" placeholder="Введите пароль"/>
    </fieldset>
    <textarea cols="30" rows="4">
qweqwe
    </textarea><br/>
    <label><input type="checkbox" name="c1"/> asdfasdfasdf</label><br/>
    <label><input type="checkbox" name="c2"/> asdfasdfasdf</label><br/>
    <select name="list1" size="4" multiple="multiple">
        <option>qwerdfgdgfdf</option>
        <option>asdfghfgf</option>
        <option>zxfghcv</option>
        <option>xcvfghfdfghfghb</option>
        <option>vbfghfgnm</option>
    </select><br/>
    <select name="list2" size="1">
        <option>qwerdfgdgfdf</option>
        <option>asdfghfgf</option>
        <option>zxfghcv</option>
        <option>xcvfghfdfghfghb</option>
        <option>vbfghfgnm</option>
    </select><br/>
    <label><input type="radio" name="r1"/> asdfasdfasdf</label><br/>
    <label><input type="radio" name="r1" checked="checked"/> asdfasdfasdf</label><br/>
    <label><input type="radio" name="r1"/> asdfasdfasdf</label><br/>
    <input type="button" value="Нажми" 
    onclick="alert('hello');"/>
          <input type="reset"/>
          <input type="submit"/>
    
</form>
<p>контент после формы</p>