JSFiddle - React, Tailwind, and code Playground

HTML

button :<input type="button" value="button"> </br> </br>
checkbox<input type="checkbox" value="kırmızı"> checkbox
<input type="checkbox" value="mavi"> </br> </br>
date : <input type="date" name="tarih"></br> </br>
datetime-local:<input type="datetime-local"></br></br>
<form>
  email:<input type="email">
  <input type="submit">
</form>
    </br></br>
    file: <input type="file"></br></br>

image:<input type="image" src="resim.jpg" alt="resim" width="50" height="50"></br></br>
month:<input type="month"> </br> </br>
number:<input type="number" min="1" max="3"></br></br>
password:<input type="password"></br></br>
radio:<input type="radio" value="mavi"> mavi
<input type="radio" value="mor"> mor<br><br>

range: <input type="range"  min="1" max="10"><br><br>
<form>
 reser:   <input type="text">
<input type="reset" value="Reset"></form><br><br>
arama:<input type="search"><br><br>
submit:  <input type="submit"><br><br>
time:  <input type="time"><br><br>
    <form>
url:<input type="url">
    <input type="submit">
        </form><br><br>
hafta:<input type="week">