JSFiddle - React, Tailwind, and code Playground

by olli

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css">
<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js"></script>
<!DOCTYPE html> 
<html> 
    <head> 
        <meta charset="utf-8"> 
        <title>Test</title> 
    </head> 
    <body>        
        <div data-role="page" id="a">
            <script>
                $('#a').live('pagecreate', function() {
    $('#add_entry').bind('click', function() {
                    console.log('hallo');
        $('#myfieldset').append('<input type="radio" name="radio-choice-1" id="radio-choice-5" value="choice-5"  />');
        $('#myfieldset').append('<label for="radio-choice-5">Lion</label>');
    });
    $('#myfieldcontain').fieldcontain('refresh');
});
            </script>
            <div data-role="header">
                <h1>Test</h1>
            </div>
            <div data-role="content" id="content">
                <div data-role="fieldcontain" id="myfieldcontain">
                    <fieldset data-role="controlgroup" id="myfieldset">
                        <legend>Choose a pet:</legend>
                        <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" />
                        <label for="radio-choice-1">Cat</label>
                        
                        <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2"  />
                        <label for="radio-choice-2">Dog</label>
                        
                        <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3"  />
                        <label for="radio-choice-3">Hamster</label>
                        
                        <input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4"  />
                        <label for="radio-choice-4">Lizard</label>
                   ...

CSS

table.sample {
    border-width: 1px;
    border-spacing: 2px;
    border-style: outset;
    border-color: gray;
    border-collapse: separate;
    background-color: white;
}
table.sample th {
    border-width: 1px;
    padding: 1px;
    border-style: inset;
    border-color: gray;
    background-color: white;
    -moz-border-radius: ;
}
table.sample td {
    border-width: 1px;
    padding: 1px;
    border-style: inset;
    border-color: gray;
    background-color: white;
    -moz-border-radius: ;
}