JSFiddle - React, Tailwind, and code Playground
HTML
<form id="myform" action="#" method="post" onsubmit="return false;">
<fieldset>
<legend>Text Inputs</legend>
<label for="text1">Text Input 1:</label>
<input type="text" id="text1" name="text1" />
<br />
<label for="text2">Text Input 2:</label>
<input type="text" id="text2" name="text2" />
</fieldset>
<fieldset>
<legend>Selects</legend>
<label for="select1">Select Box 1:</label>
<select id="select1" name="select1">
<option value="1">one</option>
<option value="2">two</option>
<option value="3">three</option>
</select>
<br />
<label for="select2">Select Box 2:</label>
<select id="select2" name="select2">
<option value="a">ayuh</option>
<option value="b">bee</option>
<option value="c">cee</option>
</select>
</fieldset>
<fieldset>
<legend>Checkboxes</legend>
<label for="checkbox1">Alpha:</label>
<input type="checkbox" id="checkbox1" name="checkbox1" value="alpha" />
<br />
<label for="checkbox2">Bravo:</label>
<input type="checkbox" id="checkbox2" name="checkbox2" value="bravo" />
<br />
<label for="checkbox3">Charlie:</label>
<input type="checkbox" id="checkbox3" name="checkbox3" value="charlie" />
</fieldset>
<fieldset>
<legend>Radios</legend>
<label for="radio1on">Radio 1 on:</label>
<input type="radio" id="radio1on" name="radio1[]" value="on" />
<label for="radio1off">Radio 1 off:</label>
<input type="radio" id="radio1off"...