🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

formElements is a jQuery plugin for UI/UX design that provides an easy way to beautify the regular select, checkbox, radio button, text field and file input elements with custom styles.

Custom-Select Select file-input Checkbox radio-button

Documentation

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

You May Also Like