Skip to content

Instantly share code, notes, and snippets.

@digitalWestie

digitalWestie/field_name_example.html

Created September 9, 2019 09:59
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save digitalWestie/ff5a4eec91923a4681fd486b287bade0 to your computer and use it in GitHub Desktop.
Save digitalWestie/ff5a4eec91923a4681fd486b287bade0 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
field_name_example.html
<html lang="en" class="">
<head>
<style class="cp-pen-styles">li { display: inline-block;
list-style:none; margin-bottom: 0.6rem; margin-top: 0.6rem;
margin-right: 1rem;
}
li input { margin-right: 0.3rem; }
ul { margin: 0px; padding: 0px; }
fieldset { width:33vw; margin: 1rem; }</style></head><body>
<fieldset class="group">
<legend>Potential snags with trade x</legend>
<ul class="checkbox">
<li><input type="checkbox" id="cb7" value="proscuitto"><label for="cb7">Potential snag 1</label></li>
<li><input type="checkbox" id="cb8" value="portobello"><label for="cb8">Potential snag 2</label></li>
<li><input type="checkbox" id="cb9" value="ypeppers"><label for="cb9">Potential snag 3</label></li>
<li><input type="checkbox" id="cb10" value="bcheese"><label for="cb10">Potential snag 4</label></li>
<li><input type="checkbox" id="cb10" value="bcheese"><label for="cb10">Potential snag 5</label></li>
</ul>
</fieldset>
<fieldset class="group">
<legend>Potential snags with trade y</legend>
<ul class="checkbox">
<li><input type="checkbox" id="cb7" value="proscuitto"><label for="cb7">Potential snag 6</label></li>
<li><input type="checkbox" id="cb8" value="portobello"><label for="cb8">Potential snag 7</label></li>
<li><input type="checkbox" id="cb9" value="ypeppers"><label for="cb9">Potential snag name 8</label></li>
<li><input type="checkbox" id="cb10" value="bcheese"><label for="cb10">Potential snag name 9</label></li>
</ul>
</fieldset>
</body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment