Skip to content

Instantly share code, notes, and snippets.

@lynndylanhurley
Created June 19, 2015 22:13
Show Gist options
  • Save lynndylanhurley/f5a4906c2c9f71f938f6 to your computer and use it in GitHub Desktop.
Save lynndylanhurley/f5a4906c2c9f71f938f6 to your computer and use it in GitHub Desktop.
<!-- radio field with custom select option -->
<div class="form-group">
<label class="control-label"></label>
<!-- normal radio -->
<div class="radio">
<label>
<input id="6-consumer-employee-patient" name="question-6" type="radio" value="Consumer/employee/patient" />
<i class="toggle-radio"></i>
Consumer/employee/patient
</label>
</div>
<!-- custom input radio -->
<div class="radio">
<label>
<input id="6-consumer-employee-patient" name="question-6" type="radio" value="Consumer/employee/patient" />
<i class="toggle-radio"></i>
Consumer/employee/patient
<div class="form-group">
<input type="text" placeholder="Enter custom choice..." class="form-control" />
</div>
</label>
</div>
</div>
<!-- checkbox field with custom select option -->
<div class="form-group">
<label class="control-label"></label>
<!-- normal checkbox -->
<div class="checkbox">
<label>
<input id="6-consumer-employee-patient" name="question-6" type="checkbox" value="Consumer/employee/patient" />
<i class="toggle-checkbox"></i>
Consumer/employee/patient
</label>
</div>
<!-- custom input checkbox -->
<div class="checkbox">
<label>
<input id="6-consumer-employee-patient" name="question-6" type="checkbox" value="Consumer/employee/patient" />
<i class="toggle-checkbox"></i>
Consumer/employee/patient
<div class="form-group">
<input type="text" placeholder="Enter custom choice..." class="form-control" />
</div>
</label>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment