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 ();