JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<html>
    <head>
    <style>
    canvas {
        border: 3px #000 solid ;
    }
    </style>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="http://inputcanvas.googlecode.com/files/inputcanvas.js"></script>
    <script type="text/javascript">
            window.onload = function(){
                var canvas = document.getElementById('myCanvas');
                var form = new FormCanvas(canvas);
                var inp = form.addInput(100,100,250,40);
                var inp2 = form.addInput(100,200,200,30);
                inp.border.radius = [10,0,20,0];
                inp.border.color = '#FF0000';
                inp.border.size = 10;
                inp.id = '1';
                inp2.id = '2';
                inp2.onFocus = function(){
                    inp2.border.color = '#DD0125';
                };
                inp2.onBlur = function(){
                    inp2.border.color = '#000000';
                };
                form.Init(); 
            };
        </script>
    </head>
    <body>
        <canvas id="myCanvas" width="640" height="470"></canvas>
    </body>
</html>