JSFiddle - React, Tailwind, and code Playground

by secretgspot

HTML

<form>

<!-- Numeric input field -->
<input type="number" min="0" max="10"  step="1" required>

<!-- Numeric range slider -->
<input type="range" min="0" max="10" step="1" value="5">

<input type="text" placeholder="name" required>
<input type="text" placeholder="number only" pattern='@"^\d+$"' required>
<input type="date">
<input type="datetime">
<input type="month">
<input type="week">
<input type="time">
<input type="search">
<input type="color">

<button type="submit">Do it</button>

</form>