JSFiddle - React, Tailwind, and code Playground

by dynamis

HTML

<h1>HTML5 Forms - Input examples</h1>
<div>
type=color: <input type=color><br>
type=date: <input type=date><br>
type=datetime: <input type=datetime><br>
type=datetime-local: <input type=datetime-local><br>
type=email: <input type=email><br>
type=month: <input type=month><br>
type=number: <input type=number><br>
type=range: <input type=range><br>
type=search: <input type=search><br>
type=tel: <input type=tel><br>
type=time: <input type=time><br>
type=url: <input type=url><br>
type=week: <input type=week>
</div>

<div>
    type=email: <input type=email><br>
    type=url: <input type=url placeholder="input url">
</div>

CSS

body {
    padding: 2em;
}