test/html-whatpm/parser-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: " ->";
  }
  fieldset fieldset {
    display: block;
    position: absolute;
    top: 11em;
    left: 110%;
    padding: 0;
    min-width: 5em;
  }
  fieldset fieldset legend,
  fieldset fieldset p {
    font-size: 60%;
  }
  fieldset p {
    margin-top: 0;
    margin-bottom: 0;
  }
</style>
</head>
<body>
<h1>HTML5 Parser Web Interface</h1>

<form action="parser/html"
    method="post" accept-charset="utf-8" target="result"
    onsubmit="
      if (document.getElementById ('format-test').checked) {
        this.action = 'parser/test';
      } else {
        this.action = 'parser/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>
<legend>Output format</legend>
<p><label><input type="radio" name="format" value="html" checked id="format-html"> 
  <code>document<wbr>.innerHTML</code></label></p>
<p><label><input type="radio" name="format" value="test" id="format-test">
  parser test</label></p>
</fieldset>
</fieldset>

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

</body>
</html>
1	wakaba	1.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			fieldset fieldset {
43			display: block;
44			position: absolute;
45			top: 11em;
46			left: 110%;
47			padding: 0;
48			min-width: 5em;
49			}
50			fieldset fieldset legend,
51			fieldset fieldset p {
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 Web Interface</h1>
62
63			<form action="parser/html"
64			method="post" accept-charset="utf-8" target="result"
65			onsubmit="
66			if (document.getElementById ('format-test').checked) {
67			this.action = 'parser/test';
68			} else {
69			this.action = 'parser/html';
70			}
71			">
72			<fieldset>
73			<p><textarea name="s"><!DOCTYPE html>
74			<html>
75			<head>
76			<title></title>
77			</head>
78			<body></body>
79			</html>
80			</textarea></p>
81			<p><button type="submit">Parse</button></p>
82			<fieldset>
83			<legend>Output format</legend>
84			<p><label><input type="radio" name="format" value="html" checked id="format-html">
85			<code>document<wbr>.innerHTML</code></label></p>
86			<p><label><input type="radio" name="format" value="test" id="format-test">
87			parser test</label></p>
88			</fieldset>
89			</fieldset>
90
91			<p><iframe name="result" src="about:blank"></iframe></p>
92			</form>
93
94			</body>
95			</html>