jquery-formElements
Custom checkboxes
<div class="form-element"> <label class="form-element-label" for="checkbox-name-1">Checkbox</label> <div class="form-element-error">Error</div> <label for="checkbox-name-1"> <input id="checkbox-name-1" class="custom-checkbox" type="checkbox" value="" tabindex="2" /> <span class="text">check me out</span> </label> </div>
$('input[type=checkbox]').customCheckbox();Custom Radio Buttons
<div class="form-element"> <div class="form-element-label">Radio button</div> <label for="input_1"> <input id="input_1" class="custom-radio" type="radio" name="input_agent" value="" checked="checked" tabindex=""/> <span class="text">yep</span> </label> <label for="input_2"> <input id="input_2" class="custom-radio" type="radio" name="input_agent" value="" tabindex=""/> <span class="text">nope</span> </label> </div>
$('input[type=radio]').customRadio();Custom dropdowns
<div class="form-element"> <div class="form-element-label" for="select1">Select</div> <div class="form-element-error">Error</div> <select id="select1" class="" name="" tabindex=""> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> </select> </div>
$('select').dropdown({ maxItems: 5 });Custom File Inputs
<div class="form-element"> <label class="form-element-label" for="input-file">Upload files</label> <div class="form-element-error">Error</div> <input type="file" id="input-file" name="" data-label="Select files" data-multiple-caption="{n} files selected" multiple /> </div>$('input[type=file]').inputfile();
