JSFiddle - React, Tailwind, and code Playground

by jquerybyexample

HTML

<link rel="stylesheet" href="http://mottie.github.com/Keyboard/css/keyboard.css">
<script src="http://mottie.github.com/Keyboard/js/jquery.keyboard.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-lightness/jquery-ui.css">
Show Keybord : <input id="txtKeyboard" type="text">
<br/><br/>
Show Numpad : <input id="txtNum" type="text">

CSS

body
{
    font-family:Arial;
    font-size : 10pt;
    padding : 10px;
}

JavaScript

$(document).ready(function(){
    $('#txtKeyboard').keyboard();
    $('#txtNum') .keyboard({
     layout : 'num',
     restrictInput : true, 
     preventPaste : true,  
     autoAccept : true
    }).addTyping();
});