test/html-whatpm/parser-manakai-interface.en.html

<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML5 Parser Web Interface</title>
<style type="text/css">
  form {
    display: block;
    position: relative;
    height: 20em;
    margin-left: 1em;
    margin-right: 1em;
  }
  form > fieldset {
    display: block;
    position: absolute;
    top: 0; left: 0;
    width: 40%; bottom: 0;
    margin: 0;
    border-style: none;
    padding: 0;
  }
  iframe {
    display: block;
    position: absolute;
    top: 0; right: 0;
    width: 40%; bottom: 0;
    margin: 0;
  }
  textarea {
    width: 100%;
    height: 19em;
  }
  button {
    display: block;
    position: absolute;
    top: 9em;
    left: 110%;
  }
  button:after {
    content: " ->";
  }
  form > fieldset > fieldset {
    display: block;
    position: absolute;
    top: 11em;
    left: 103%;
    border-style: none;
    padding: 0;
    min-width: 7em;
  }
  form > fieldset > fieldset fieldset {
    font-size: 60%;
  }
  fieldset p {
    margin-top: 0;
    margin-bottom: 0;
  }
</style>
</head>
<body>
<h1>HTML5 Parser (<em>beta</em>) Web Interface
(manakai Version)</h1>

<form action="parser-manakai/html"
    method="post" accept-charset="utf-8" target="result"
    onsubmit="
      var uri = 'parser-manakai/';
      if (document.getElementById ('html5').checked) {
        uri += 'html/';
      } else {
        uri += 'xhtml/';
      }
      if (document.getElementById ('format-test').checked) {
        this.action = uri + 'test';
      } else {
        this.action = uri + 'html';
      }
    ">
<fieldset>
<p><textarea name="s">&lt;!DOCTYPE html>
&lt;html>
&lt;head>
&lt;title>&lt;/title>
&lt;/head>
&lt;body>&lt;/body>
&lt;/html>
</textarea></p>
<p><button type="submit">Parse</button></p>
<fieldset>
<fieldset>
<p><label title="Show any HTML5 parse errors if checked"><input type="radio" name="input-format" id="html5" checked> HTML5</label></p>
<p><label title="Show any XML 1.0/1.1 parse errors if checked (using a non-validating parser)"><input type="radio" name="input-format" id="xhtml5"> XHTML5</label>
(<em>slow</em>)</p>
<p><label title="Show any conformance error of the parsed DOM tree if checked"><input type="checkbox" name="dom5"> DOM5 HTML</label></p>
</fieldset>
<fieldset>
<legend>Output format</legend>
<p><label title="Show the value of |document.innerHTML| if checked"><input type="radio" name="format" value="html" checked id="format-html"> 
  <code>innerHTML</code></label></p>
<p><label title="Show the parsed DOM in the format used in html5lib tests"><input type="radio" name="format" value="test" id="format-test">
  parser test</label></p>
</fieldset>
</fieldset>

</fieldset>

<p><iframe name="result" src="about:blank"></iframe></p>
</form>

<address>Powered by 
<a href="http://suika.fam.cx/www/markup/html/whatpm/readme">Whatpm</a>
and
<a href="http://suika.fam.cx/www/2006/manakai/">manakai</a>.</address>

</body>
</html>
1	<!DOCTYPE html>
2	<html lang="en">
3	<head>
4	<title>HTML5 Parser Web Interface</title>
5	<style type="text/css">
6	form {
7	display: block;
8	position: relative;
9	height: 20em;
10	margin-left: 1em;
11	margin-right: 1em;
12	}
13	form > fieldset {
14	display: block;
15	position: absolute;
16	top: 0; left: 0;
17	width: 40%; bottom: 0;
18	margin: 0;
19	border-style: none;
20	padding: 0;
21	}
22	iframe {
23	display: block;
24	position: absolute;
25	top: 0; right: 0;
26	width: 40%; bottom: 0;
27	margin: 0;
28	}
29	textarea {
30	width: 100%;
31	height: 19em;
32	}
33	button {
34	display: block;
35	position: absolute;
36	top: 9em;
37	left: 110%;
38	}
39	button:after {
40	content: " ->";
41	}
42	form > fieldset > fieldset {
43	display: block;
44	position: absolute;
45	top: 11em;
46	left: 103%;
47	border-style: none;
48	padding: 0;
49	min-width: 7em;
50	}
51	form > fieldset > fieldset fieldset {
52	font-size: 60%;
53	}
54	fieldset p {
55	margin-top: 0;
56	margin-bottom: 0;
57	}
58	</style>
59	</head>
60	<body>
61	<h1>HTML5 Parser (<em>beta</em>) Web Interface
62	(manakai Version)</h1>
63
64	<form action="parser-manakai/html"
65	method="post" accept-charset="utf-8" target="result"
66	onsubmit="
67	var uri = 'parser-manakai/';
68	if (document.getElementById ('html5').checked) {
69	uri += 'html/';
70	} else {
71	uri += 'xhtml/';
72	}
73	if (document.getElementById ('format-test').checked) {
74	this.action = uri + 'test';
75	} else {
76	this.action = uri + 'html';
77	}
78	">
79	<fieldset>
80	<p><textarea name="s"><!DOCTYPE html>
81	<html>
82	<head>
83	<title></title>
84	</head>
85	<body></body>
86	</html>
87	</textarea></p>
88	<p><button type="submit">Parse</button></p>
89	<fieldset>
90	<fieldset>
91	<p><label title="Show any HTML5 parse errors if checked"><input type="radio" name="input-format" id="html5" checked> HTML5</label></p>
92	<p><label title="Show any XML 1.0/1.1 parse errors if checked (using a non-validating parser)"><input type="radio" name="input-format" id="xhtml5"> XHTML5</label>
93	(<em>slow</em>)</p>
94	<p><label title="Show any conformance error of the parsed DOM tree if checked"><input type="checkbox" name="dom5"> DOM5 HTML</label></p>
95	</fieldset>
96	<fieldset>
97	<legend>Output format</legend>
98	<p><label title="Show the value of \|document.innerHTML\| if checked"><input type="radio" name="format" value="html" checked id="format-html">
99	<code>innerHTML</code></label></p>
100	<p><label title="Show the parsed DOM in the format used in html5lib tests"><input type="radio" name="format" value="test" id="format-test">
101	parser test</label></p>
102	</fieldset>
103	</fieldset>
104
105	</fieldset>
106
107	<p><iframe name="result" src="about:blank"></iframe></p>
108	</form>
109
110	<address>Powered by
111	<a href="http://suika.fam.cx/www/markup/html/whatpm/readme">Whatpm</a>
112	and
113	<a href="http://suika.fam.cx/www/2006/manakai/">manakai</a>.</address>
114
115	</body>
116	</html>