handlebars checkbox group output and plain old tml test page for webshims, checkValidity

gistfile1.html

<!--    from handle bars    -->
<form id="captionProviderTemplateAddEditForm" method="POST" action="">
    <div id="CaptionFormats" class="control-group">
        <label class="control-label">Supported Caption Formats</label>
        <div class="SupportedCaptionFormats controls">                
            <label for="CaptionFormat1" class="checkbox">DFXP</label>
            <input type="checkbox" id="CaptionFormat1" name="supportedCaptionFormats" value="1" class="group-required">
            <label for="CaptionFormat2" class="checkbox">SRT</label>
            <input type="checkbox" id="CaptionFormat2" name="supportedCaptionFormats" value="2" class="group-required">
            <label for="CaptionFormat4" class="checkbox">SMI</label>
            <input type="checkbox" id="CaptionFormat4" name="supportedCaptionFormats" value="4" class="group-required">
        </div>
    </div>
</form>

<!--    plain old html test page  -->
<form id="form1" style="outline: solid 3px grey" method="post" action="index.html">
	<label for="email">Email: </label><input type="email" id="email" name="email" required=""><br>
	<label for="email">Date: </label><input type="date" id="date" name="date"><br>
	<label for="required-group">Group of checkboxen, one of which is required</label><br>
	<input type="checkbox" name="mustcheck1" value="Check1" id="Check1" class="group-required">Check 1<br>
	<input type="checkbox" name="mustcheck1" value="Check2" id="Check2" class="group-required">Check 2<br>
	<input type="checkbox" name="mustcheck1" value="Check3" id="Check3" class="group-required">Check 3<br>
</form>