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

ML Keyboard is a jQuery virtual keyboard with features to change input layouts on the flight.By default plugin goes with all layouts included, but it’s possible to customize plugin and left only some layouts as also new layouts can be easy added.

Forms Plugins

Documentation

jQuery MLKeyboard

ML Keyboard is a jQuery virtual keyboard with features to change input layouts on the flight.

Demo

Usage

  • Download jquery.ml-keyboard.min.js and jquery.ml-keyboard.css files and add to your project.
  • Activate the plugin on the input fields with prefered layot $('input').mlKeyboard({layout: 'es_ES'});.
  • It's ready.

Options

The following options are available to pass into ML Keyboard on initialization.

  • (string) layout: set layout which is applicable to all input fields. By default it has value 'en_US' what is equal to American English layout.

  • (boolean) active_shift: when user first time focus on input field virtual keyboards shift is active. Default value - true.

  • (boolean) active_caps: initial virtual keyboards caps lock state. Default value - false.

  • (boolean) is_hidden: to create keyboard always visible this value should be changed to false. Default value - true.

  • (integer) open_speed: is speed at what keyboard shows. Default value - 300.

  • (integer) close_speed: is speed at what keyboard hides back. Devault value - 100.

  • (boolean) enabled: - change it to false if you want temporary disable keyboard. This param is useful when defines as input data attribute (read below how to set up single inputs with data attributes).

To change behaviour of single input field special data attribute should be added to it's tag name data-mlkeyboard-<option>="value" where option is the same attribute like it's described before.

Currently possible layouts
  • en_US - English
  • es_ES - Spanish
  • it_IT - Italian
  • pt_PT - Portuguese
  • ru_RU - Russian

You May Also Like