jQuery Nao Input

Intro

Advanced Input plugin for jQuery web applications.

This plugin has a few dependencies, so it is recommended to use if you are already using those dependencies in your project.

Examples are given below with code snippets.

Dependencies

jQuery
jQuery UI (slider widget only)
jQuery mCustomScrollbar
jQuery Nao Calendar (by me)
jQuery Pseudo Ripple (by me)
Aicon icon set (by me)

Input elements


// HTML
<input class="type-1" placeholder="Your Name">
<input class="type-2">
// JS
$('input.type-1').naoInput()
$('input.type-2').naoInput({ label: 'Your Email' })

Result

Combo box input


// HTML
<input class="type-3" label="Your Favorite">
// JS
$('input.type-3').naoInput({
  options: [
    'Tea',
    'Cola',
    'Coffee'
  ]
})

Result

Form elements


// JS
$('form').naoInput()

Use label attribute to define the label for an input element.