Load a fiddle from MDN

HTML

<h2>Load a fiddle from MDN</h2>
<form method='post' action='//jsfiddle.net/api/mdn/?utm_source=mdn&utm_medium=code-sample&utm_campaign=external-samples' target='check'>
    <p><input type='submit'/> - fiddle will be loaded in different browser window/tab.</p>
    <textarea name='html'><p id="red">It's magic!</p>
<p><a href="http://doc.jsfiddle.net/api/post.html">Documentation</a></p></textarea>
    <textarea name='js'>document.getElementById('red').style.color = 'green';</textarea>
    <textarea name='css'>p {font-family: Helvetica, Arial; }
#red { color: red; }
    </textarea>
    <label>Wrap (l/d/h/b)</label>
    <input type='text' name='wrap' value='b'/>
</form>

CSS

body { font-family: Helvetica, Tahoma; }
h2 { font-size: 1.5em; margin-bottom: 10px; display: block;}
p { margin-bottom: 15px; display: block; font-size: 0.8em; }
label { font-weight: bold; }
textarea, input[type=text] { 
    padding: 3px 5px; 
    width: 80%; 
    display: block;
    border: 1px solid #ddd;
    margin-bottom: 5px;
}
textarea { height: 70px; }