:valid selector, RegExp patterns

dabblet.css

/* 		:valid selector, RegExp patterns		*/
:valid    {background-color: lightgreen;}
:invalid  {background-color: red;}

form {
	margin: 4em 1em 0 1em;
}

dabblet.html

<form><fieldset>Type "sugar"<br>
<label>Feed me:  </label><input type="text" pattern="sugar">
<label>Me too: </label><input type="text" pattern="(s|su|sug|suga|sugar)">
<label>Don't touch:</label><input type="text" pattern="^\d*$">
</fieldset>
</form>

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}