JSFiddle - React, Tailwind, and code Playground

by kapry

HTML

<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Dialog - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script>
  $(function() {

     $(document).on("click","#save",function(){

            $( "#frm" ).dialog({
                width : 500,
                height : 200,
                modal : true,
                show : "blind",
                hide : "slideUp",
                dragable : true,
                buttons:{
                  "guardar":function(){

                       // Aqui pondria el codigo para guardar//
                       alert("Hola Comunidad");

                   },"cancelar":function(){
                       $("#frm").dialog("close");
                    }
                 }
            });            
     })

  });
  </script>
</head>
<body>

<a href="javascript:void(0)" id="save">Abrir formulario</a>
 
<div id="frm" title="Registro" style="display:none">
     Ingrese Su nombre  : <input type="text" name="txtnombre" id="txtnombre" style="border:1px solid #000"/>
</div>
 
</body>
</html>