JSFiddle - React, Tailwind, and code Playground

by lonewolfs

HTML

<script src="http://phonebook.x10.mx/sgucorner/script/countrypicker.js"></script>
<link rel="stylesheet" href="http://phonebook.x10.mx/sgucorner/css/sgubutton.css">
<div id="content">
    <label class="uiButton uiButtonConfirm">
        <input value="Register" type="submit" id="register_submit" />
    </label><hr/>
    <select id="country"></select><hr/>
    <textarea id="message" rows="5" cols="30" />
</div>

CSS

#message{
    overflow:auto;
    resize:none;
}
input[type=text], input[type=password], select, option, textarea {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #999;
    font-size:13px;
    padding:5px;
    background-color:#E1E1E1;
    color:#666666;
    font-family:'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
}
#content{
    border:thin solid #999;
    background-color:#CCCCCC;
    padding:5px;
}

JavaScript

$('#register_submit').live('click',function(){
    $('body').append('Clicked!<br/>');
    $('#register_submit').attr('disabled','disabled');
});