Варианты форм

dabblet.css

div {
margin-bottom: 5px;
}

input {
width: 200px;
}

dabblet.html

<div><input type="text"> text</div>
<div><input type="date"> date</div>
<div><input type="datetime"> datetime</div>
<div><input type="datetime-local"> datetime-local</div>
<div><input type="time"> time</div>
<div><input type="email"> email</div>
<div><input type="range"> range</div>
<div><input type="search"> search</div>
<div><input type="number"> number</div>
<div><input type="tel"> tel</div>
<div><input type="url"> url</div>
<div><input type="month"> month</div>
<div><input type="week"> week</div>
<div><input type="color"> color</div>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}