JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/daffl/jquery.dform/master/jquery.dform-0.1.3.min.js"></script>
<div id="myform"></div>

CSS

/*
 * Light blue: #2191c0
 * Dark blue: #0078ae
 * Highlight blue: #77d5f7
 * Light icon color: #e0fdff
 * Green: #6eac2c
 * Light green: #acdd4a
 * Highlight orange: #f8da4e
 * Highlight yellow: #fcd113
 * Error orange: #e14f1c
 * Errpr red:
 */

body {
    font: 10pt Verdana, Arial, sans-serif;
    color: #222222;
    margin: 10px;
    padding: 0;
    background-color: #ffffff;
    height: 100%;
}

a:link,a:visited {
    color: #0078ae;
    text-decoration: none
}

a:hover {
    color: #2191c0;
    text-decoration: underline;
}

a:active {
    color: #77d5f7;
}

body>div {
    -moz-border-radius: 15px;
    border-radius: 15px;
    clear: all;
    padding: 15px;
}

#Menu {
    overflow: hidden;
    position: absolute;
    top: 25px;
    width: 250px;
    clear: all;
    font-size: 120%;
    font-weight: bold;
}

#Content,#Index {
    margin-left: 280px;
    width: 750px;
    min-height: 500px;
    border-bottom: 2px solid #535254;
    margin-bottom: 10px;
    padding-bottom: 20px;
}

.MGroup {
    margin-top: 20px;
}

#Footer {
    text-align: right;
    font-size: 80%;
    margin-left: 280px;
    width: 750px;
}

#MSearchResultsWindow {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #000000;
    background-color: #E8E8E8;
}

#MSearchResultsWindowClose {
    font-weight: bold;
    font-size: 8pt;
    display: block;
    padding: 2px 5px;
}

.PopupSearchResultsPage .ISubIndex {
    display: none;
}

.SRResult {
    display: none;
}

.CToolTip {
    position: absolute;
    visibility: hidden;
    left: 0;
    top: 0;
    background-color: #FFFFE0;
    padding: 5px;
    border-width: 1px 2px 2px 1px;
    border-style: solid;
    border-color: #000000;
    font-size: 8pt;
}

.Opera .CToolTip {
    max-width: 98%;
}

/*  Scrollbars would be useless.  */
.CToolTip blockquote {
    overflow: hidden;
}

.IE6 .CToolTip blockquote {
    overflow: visible;
}

#MainTopic h1 {
    margin-top: 0;
}

.Summary {
    -moz-border-radius:...

JavaScript

var formdata = {
                "action": "index.html",
                "method": "get",
                "elements":
            [
                {
                    "type": "p",
                    "html": "You must login"
                },
                {
                    "name": "username",
                    "id": "txt-username",
                    "caption": "Username",
                    "type": "text",
                    "placeholder": "E.g. user@example.com"
                },
                {
                    "name": "password",
                    "caption": "Password",
                    "type": "password"
                },
                {
                    "type": "submit",
                    "value": "Login"
                }
            ]
            };

        $("#myform").buildForm(formdata);