Input Tests

by Kaleb Hornsby

HTML

<h1 id=success>Your browser respects disablity.</h1>
<h1 id=failure style="display:none">Your browser DOES NOT respect disablity.</h1>
<h2>See for yourself.</h2>
<label><input type=checkbox disabled> Check me out!</label>

CSS

#success {
    color: lime;
}
#failure {
    color: red;
}

JavaScript

var lbl = document.createElement('label'),
    chk = document.createElement('input'),
    evt = document.createEvent("MouseEvents"),
    proto, lblOnClick;
chk.type = 'checkbox';
lbl.appendChild(chk);
chk.disabled = true;
evt.initMouseEvent("click", true, true, window,
    0,0,0,0,0,false,false,false,false,0,null);
lbl.dispatchEvent(evt);
if (chk.checked) {
    document.getElementById("failure").style.display = "block";
    document.getElementById("success").style.display = "none";
}