JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
</head>
<body>
<form enctype="multipart/form-data" method="post"  >  
<legend>Name</legend>
<label for="name">
<input name="full_name" type="text" id="name"  /></label><br/>
<br><legend>Email</legend>
<label for="email" >
<input name="email" type="text" id="email"  /></label>
<br/>
<br/><legend>Sex</legend>
<label for="male_1" >
<input type="radio"  name="male" value="male_1" id="male_1" />Male</label>
<label for="female_2">
<input type="radio" name="female_sex" value="female_sex" id="female_2"  />Female</label><br/>
<br/><legend>Current status</legend>
 <label for="student_1" ><input type="checkbox" name="student" value="student" id="student_1" />
Student</label>
<label for="employed_2" ><input type="checkbox" name="employed" value="employed" id="employed_2"/>
Employed</label>
<label for="unemployed_3"><input type="checkbox" name="unemployed" value="unemployed" id="unemployed_3"  />
Unemployed</label><br/>
<br/><legend>Month and Year of Birth</legend>
<select>
<option label="January">January</option>
</select>
<select>
<option label="1984">1984</option>
</select><br/>
<br/><legend>Photo</legend>
<label id="photo_2"><input type="file" name="photo_1" value="photo" id="photo_2" /></label><br/>
<br/><input type="submit" value="Войти">
</form>
</body>
</html>