Source code

Revision control

Other Tools

Test Info:

<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<title>Turning off spellcheck by making input elements readonly</title>
<link rel=match href="references/spelling-markers-001-ref.html">
<meta name=assert content="Spellchecking stops applying to input elements when they become readonly">
#test {
/* Match the ref */
all: initial;
width: 100%;
display: block;
font-family: inherit;
<input type=text id=test value="This test passes if there is no visual marker indicating the spellinnnnnggg mistake in this sentence, and fails otherwise.">
var test = document.getElementById("test");
// Force spellcheck by focus then blur
test.setAttribute("readonly", true);