JSFiddle - React, Tailwind, and code Playground

by Timmy Willison

HTML

<script id="script" defer async src="http://getfirebug.com/firebug-lite-debug.js"></script>
<script type="text/javascript">
    document.createElement('video');
    document.createElement('audio');
    document.createElement('article');
    document.createElement('details');
</script>
<img ismap="ismap">
<textarea noresize="noresize"></textarea>
<hr noshade="noshade"/>
<form novalidate="novalidate" formnovalidate="formnovalidate">
    <input readonly type="text" id="text1" required autofocus="autofocus"/>
</form>
<table>
    <tr><td nowrap="nowrap"></td></tr>
</table>
<iframe src="http://google.com" seamless="seamless"></iframe>
<style id="style" scoped="scoped"></style>
<ol reversed="reversed"></ol>
<article pubdate="pubdate"></article>
<details open="open"></details>
<div nowrap="nowrap" hidden="hidden" draggable="draggable"></div>
<audio muted="muted"></audio>
<video loop controls="controls" autoplay="autoplay"></video>
<input id="check1" type="checkbox" disabled="disabled" checked="checked">
<select multiple>
    <option selected value="blar">blar</option>
</select>

JavaScript

// Tests the default behavior of boolean content attributes

console.log('isMap: ', $('img').attr('isMap'));
console.log('noResize: ', $('textarea').attr('noresize'));
console.log('noShade: ', $('hr').attr('noShade'));
console.log('noValidate: ', $('form').attr('noValidate'));
console.log('formNoValidate: ', $('form').attr('formNoValidate'));
console.log('noWrap: ', $('td').attr('noWrap'));
console.log('seamless: ', $('iframe').attr('seamless'));
console.log('scoped: ', $('#style').attr('scoped'));
console.log('reversed: ', $('ol').attr('reversed'));
console.log('required: ', $('#text1').attr('required'));
console.log('pubdate: ', $('article').attr('pubDate'));
console.log('open: ', $('details').attr('open'));
console.log('muted: ', $('audio').attr('muted'));
console.log('autofocus: ', $('#text1').attr('autofocus'));
console.log('loop: ', $('video').attr('loop'));
console.log('autoplay: ', $('video').attr('autoplay'));
console.log('controls: ', $('video').attr('controls'));
console.log('hidden: ', $('div').attr('hidden'));
// draggable is enumerated
console.log('defer: ', $('#script').attr('defer'));
console.log('async: ', $('#script').attr('async'));

// The regulars
console.log('checked: ', $('#check1').attr('checked'));
console.log('selected: ', $('option').attr('selected'));
console.log('readonly: ', $('#text1').attr('readonly'));
console.log('disabled: ', $('#check1').attr('disabled'));
console.log('multiple: ', $('select').attr('multiple'));