JSFiddle - React, Tailwind, and code Playground

by Mathias Bynens

HTML

<meta name="viewport" content="initial-scale=1.0, width=device-width, height=device-height, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

<div><input type=email>type="email"</div>
<div><input type=url>type="url"</div>
<div><input type=tel>type="tel"</div>
<div><input type=number>type="number"</div>
<div><input type=search>type="search"</div>

CSS

html { line-height: 2; }
body { width: 480px; }
input { display: block; }
div { font-family: monospace; display: block; margin-bottom: 18em; }