<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="test.css" type="text/css"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" >
<head>
<title>Mozile XHTML Test File</title>
<meta name="mozile" content="edit" />
</head>
<body>

<div class="divNoEdit">

<p><a href="index.html">Return to test index</a></p>

<h3>XHTML 1.0 Strict<br/>
Content-Type: text/xml; charset=UTF-8<br/>
</h3>
<p>This DIV is not editable</p>

<h4>PHP code used at the top of this file:</h4>
<pre>&lt;?php 
//HTTP headers
header("Content-type: text/xml; charset=UTF-8");
//XML declaration and character encoding
echo '&lt;?xml version="1.0" encoding="UTF-8"?&gt;'."\n";
//Style sheet processing instruction!
echo '&lt;?xml-stylesheet href="test.css" type="text/css"?&gt;'."\n";
?&gt;</pre>

</div>

<div class="divEdit" id="mozileEdit1">
<!-- This is comment 1 : Comments can cause errors with Mozile, best not to use them in the editable area. -->
<p>This <code>&lt;div&gt;</code> is made editable via the external Style Sheet.</p>
<pre><code>.divEdit {
	-moz-user-modify: read-write;
	-moz-user-input: enabled;
	-moz-user-select: text;
}</code></pre>
<p><a href="index.html?hello=world&amp;test=ampersand">Return to test index</a></p>

<h1>H1 Heading</h1>

<h2>H2: Paragraph with HTML presentational tags.</h2>

<p><b>Bold</b> and <i>italic</i> text.
Superscript: 100<sup>1.25</sup>.
Reference<sub>345</sub> uses a subscript.
<b><i>Bold and italic.</i></b></p>

<h3>H3: Paragraph with Mozile style span tags.</h3>
<p><span style="font-weight: bold;">Bold</span> and <span style="font-style: italic;">italic</span> and <span style="text-decoration: underline;">underlined</span> and <span style="text-decoration: line-through;">struck through</span> text.
Superscript: 100<span style="vertical-align: super; font-size: smaller;">1.25</span>.
Reference<span style="vertical-align: sub; font-size: smaller;">345</span> uses a subscript.
<span style="text-decoration: underline; font-style: italic; font-weight: bold;">Bold, italic and underlined.</span>
</p>

<h4>H4 Heading : Non-ASCII characters<br/>(Valid characters in both UTF-8 and ISO-8859-1.)</h4>
<p>&agrave;&aacute;&acirc;&atilde;&auml;&aring; (...as HTML character entities)</p>
<p>Ã Ã¡Ã¢Ã£Ã¤Ã¥ (...as UTF-8 ) </p>
<p>àáâãäå (...as ISO-8859-1 ) </p>

<h5>H5 Heading : Character entities</h5>
<p>&amp;copy;&copy; &amp;reg;&reg; &amp;Agrave;&Agrave; &amp;agrave;&agrave; &amp;pound;&pound; &amp;cent;&cent; &amp;yen;&yen; &amp;curren;&curren;</p>

<h5>H5 Heading : Character entities<br/>
(...But not valid for ISO-8859-1 character set.)</h5>
<p>&amp;euro;&euro; &amp;Beta;&Beta; &amp;beta;&beta;</p>


<h6>H6 Heading : HTML character entities</h6>
<p>&quot;&amp;&lt;&gt;&nbsp;</p>

<ul>
<li>Unordered list</li>
<li>Second item</li>
<li>Third item</li>
</ul>

<ol>
<li>Ordered list</li>
<li>Second item</li>
<li>Third item</li>
</ol>

<p>
<img alt="testimage (5K)" title="Test image" src="testimage.jpg" height="119" width="76" />
<img alt="testimage (5K)" title="Test image" src="testimage.jpg" height="119" width="76" />
<img alt="testimage (5K)" title="Test image" src="testimage.jpg" height="119" width="76" />
</p>

<form action="/mozile/test/Mode/test_XHTML1_xml_textxml_UTF8.xml" method="post"><h5>Input, radio</h5>
<p><input type="radio" name="sex" value="Male"/> Male
<input type="radio" name="sex" value="Female"/> Female</p>

<h5>Input, text</h5>
<p>
First name: <input type="text" name="firstname"/><br />
Last name: <input type="text" name="lastname"/><br />
Title: <input type="text" name="lastname"/></p>

<h5>Input, select/optgroup/option</h5>
<p>
<select name="Pets">
	<option selected="true" value="none">None</option>
	<optgroup label="Birds">
		<option value="grebe">Great Crested Grebe</option>
		<option value="crow">Hooded Crow</option>
		<option value="finch">Bullfinch</option>
	</optgroup>
	<optgroup label="Animals">
		<option value="fox">Fox</option>
		<option value="badger">Badger</option>
	</optgroup>
</select>
</p>

<h5>textarea</h5>
<textarea name="thetext" rows="10" cols="30"></textarea>

<h5>Input, submit/reset</h5>
<p><input type="submit" value="Send"/> <input type="reset"/></p>

</form>


<p>Editable paragraph with <small>small</small> text.</p>
<p>Editable paragraph with <big>big</big> text.</p>
<!-- Nested editable/non-editable sections. -->
<p style="-moz-user-modify: read-only;" class="NotEditable">
This is a non-editable paragraph nested in the editable <code>&lt;div&gt;</code>.
It has the in-line style <code><strong>&quot;-moz-user-modify:&nbsp;read-only;&quot;</strong></code>.
<span style="-moz-user-modify: read-write; font-weight: bold;" class="NestedEditable">This bold text should be editable.
It has the in-line style <code><strong>&quot;-moz-user-modify:&nbsp;read-write;&quot;</strong></code>.</span>
[NB : Nested sections are not currently supported with Mozile. You can quite easily delete this whole paragraph,
even though some of it is "read-only".]
</p>

<table class="tdEdit" border="1" cellpadding="2" cellspacing="2" summary="Test Table">
<tr><td>1</td><td><div>space (can't edit!)</div></td><td> </td></tr>
<tr><td>2</td><td>non-break-space, as character entity [&amp;nbsp;]</td><td>&nbsp;</td></tr>
<tr><td>3</td><td>non-break-space, as numeric entity [&amp;#160;]</td><td>&#160;</td></tr>
<tr><td>4</td><td>non-break-space, ISO-8859-1</td><td> </td></tr>
<tr><td>5</td><td>non-break-space, UTF-8</td><td>Â </td></tr>
</table>
</div>

<div class="divNoEdit">This <code>&lt;div&gt;</code> is not editable.</div>

<div class="divEditCE" contentEditable="true" id="mozileEdit2">
<p>This <code>&lt;div&gt;</code> has the attribute <code><strong>contentEditable="true"</strong></code>.</p>
<p>Any page with the <code>contentEditable</code> attribute can be made editable by Mozile.</p>
</div>

<div class="divNoEdit">This <code>&lt;div&gt;</code> is not editable</div>

<div class="divInlineEdit" style="-moz-user-modify: read-write; -moz-user-input: enabled;" id="mozileEdit3">
<p>This <code>&lt;div&gt;</code> is made editable via the inline Style declaration:<br />
<code><strong>style="-moz-user-modify: read-write; -moz-user-input: enabled;"</strong></code></p>
<p><a href="index.html?hello=world&amp;test=ampersand">Return to test index</a></p>

<h1>H1 Heading</h1>

<h2>H2: Paragraph with HTML presentational tags.</h2>

<p><b>Bold</b> and <i>italic</i> text.
Superscript: 100<sup>1.25</sup>.
Reference<sub>345</sub> uses a subscript.
<b><i>Bold and italic.</i></b></p>

<h3>H3: Paragraph with Mozile style span tags.</h3>
<p><span style="font-weight: bold;">Bold</span> and <span style="font-style: italic;">italic</span> and <span style="text-decoration: underline;">underlined</span> and <span style="text-decoration: line-through;">struck through</span> text.
Superscript: 100<span style="vertical-align: super; font-size: smaller;">1.25</span>.
Reference<span style="vertical-align: sub; font-size: smaller;">345</span> uses a subscript.
<span style="text-decoration: underline; font-style: italic; font-weight: bold;">Bold, italic and underlined.</span>
</p>

<h4>H4 Heading : Non-ASCII characters<br/>(Valid characters in both UTF-8 and ISO-8859-1.)</h4>
<p>&agrave;&aacute;&acirc;&atilde;&auml;&aring; (...as HTML character entities)</p>
<p>Ã Ã¡Ã¢Ã£Ã¤Ã¥ (...as UTF-8 ) </p>
<p>àáâãäå (...as ISO-8859-1 ) </p>

<h5>H5 Heading : Character entities</h5>
<p>&amp;copy;&copy; &amp;reg;&reg; &amp;Agrave;&Agrave; &amp;agrave;&agrave; &amp;pound;&pound; &amp;cent;&cent; &amp;yen;&yen; &amp;curren;&curren;</p>

<h5>H5 Heading : Character entities<br/>
(...But not valid for ISO-8859-1 character set.)</h5>
<p>&amp;euro;&euro; &amp;Beta;&Beta; &amp;beta;&beta;</p>


<h6>H6 Heading : HTML character entities</h6>
<p>&quot;&amp;&lt;&gt;&nbsp;</p>

<ul>
<li>Unordered list</li>
<li>Second item</li>
<li>Third item</li>
</ul>

<ol>
<li>Ordered list</li>
<li>Second item</li>
<li>Third item</li>
</ol>

<p>
<img alt="testimage (5K)" title="Test image" src="testimage.jpg" height="119" width="76" />
<img alt="testimage (5K)" title="Test image" src="testimage.jpg" height="119" width="76" />
<img alt="testimage (5K)" title="Test image" src="testimage.jpg" height="119" width="76" />
</p>

<form action="/mozile/test/Mode/test_XHTML1_xml_textxml_UTF8.xml" method="post"><h5>Input, radio</h5>
<p><input type="radio" name="sex" value="Male"/> Male
<input type="radio" name="sex" value="Female"/> Female</p>

<h5>Input, text</h5>
<p>
First name: <input type="text" name="firstname"/><br />
Last name: <input type="text" name="lastname"/><br />
Title: <input type="text" name="lastname"/></p>

<h5>Input, select/optgroup/option</h5>
<p>
<select name="Pets">
	<option selected="true" value="none">None</option>
	<optgroup label="Birds">
		<option value="grebe">Great Crested Grebe</option>
		<option value="crow">Hooded Crow</option>
		<option value="finch">Bullfinch</option>
	</optgroup>
	<optgroup label="Animals">
		<option value="fox">Fox</option>
		<option value="badger">Badger</option>
	</optgroup>
</select>
</p>

<h5>textarea</h5>
<textarea name="thetext" rows="10" cols="30"></textarea>

<h5>Input, submit/reset</h5>
<p><input type="submit" value="Send"/> <input type="reset"/></p>

</form>


<p>Editable paragraph with <small>small</small> text.</p>
<p>Editable paragraph with <big>big</big> text.</p>
<!-- Nested editable/non-editable sections. -->
<p style="-moz-user-modify: read-only;" class="NotEditable">
This is a non-editable paragraph nested in the editable <code>&lt;div&gt;</code>.
It has the in-line style <code><strong>&quot;-moz-user-modify:&nbsp;read-only;&quot;</strong></code>.
<span style="-moz-user-modify: read-write; font-weight: bold;" class="NestedEditable">This bold text should be editable.
It has the in-line style <code><strong>&quot;-moz-user-modify:&nbsp;read-write;&quot;</strong></code>.</span>
[NB : Nested sections are not currently supported with Mozile. You can quite easily delete this whole paragraph,
even though some of it is "read-only".]
</p>

<table class="tdEdit" border="1" cellpadding="2" cellspacing="2" summary="Test Table">
<tr><td>1</td><td><div>space (can't edit!)</div></td><td> </td></tr>
<tr><td>2</td><td>non-break-space, as character entity [&amp;nbsp;]</td><td>&nbsp;</td></tr>
<tr><td>3</td><td>non-break-space, as numeric entity [&amp;#160;]</td><td>&#160;</td></tr>
<tr><td>4</td><td>non-break-space, ISO-8859-1</td><td> </td></tr>
<tr><td>5</td><td>non-break-space, UTF-8</td><td>Â </td></tr>
</table>
</div>

<div class="divNoEdit">This <code>&lt;div&gt;</code> is not editable</div>


</body>
</html>
