JSFiddle - React, Tailwind, and code Playground

by totoromaum

HTML

<!DOCTYPE html>
  <title> Our awesome website</title>
   <body>
   <h3> Our awesome form </h3>
<form>
Name: <input type = "text" name = "name"><br>
Password: <input type = "password" name = "password"><br>
Favorite color: <input type = "color" name ="color"><br>
Birthday: <input type = "date" Name = "birth day"><br>
Resume upload: <input type = "file" name ="resume"> <br>
Awesome level:1<input type = "range" name = awesome level>10<br><br>
<input type = "radio" name = "radio1"> Option 1 <br>
<input type = "radio" name = "radio2"> Option 2 <br>
<input type = "radio" name = "radio3"> Option 3 <br>
<input type = "radio" name = "radio4"> Option 4 <br>
<u> <b>CheckBox</b></u><br><br>
Checkbox 1:<input type = "checkbox" name = "checkbox1" value = "checkbox1"><br>
Checkbox 2:<input type = "checkbox" name = "checkbox2" value = "checkbox2"><br>
Checkbox 3:<input type = "checkbox" name = "checkbox3" value = "checkbox3"><br>
Checkbox 4:<input type = "checkbox" name = "checkbox4" value = "checkbox4"><br>
</form>   
   </body>