html/edit/textarea-accept-text-html.html

<!DOCTYPE html>
<html lang="en">
<head>
<title>textarea @accept='text/html'</title>
</head>
<body>
<h1><code>textarea</code> <code>@accept='text/html'</code></h1>

<p>
<textarea accept="text/html" name="edit" id="edit"
style="width: 90%; height: 20em">&lt;p>Paragraph...&lt;/p></textarea>
</p>

<h2>Source</h2>

<p><button onclick="
  document.getElementById ('result').innerText = '';
  document.getElementById ('result').textContent = '';
  document.getElementById ('result').appendChild
    (document.createTextNode (document.getElementById ('edit').value));
">Update</button></p>

<pre id="result"></pre>

</body>
</html>
1	<!DOCTYPE html>
2	<html lang="en">
3	<head>
4	<title>textarea @accept='text/html'</title>
5	</head>
6	<body>
7	<h1><code>textarea</code> <code>@accept='text/html'</code></h1>
8
9	<p>
10	<textarea accept="text/html" name="edit" id="edit"
11	style="width: 90%; height: 20em"><p>Paragraph...</p></textarea>
12	</p>
13
14	<h2>Source</h2>
15
16	<p><button onclick="
17	document.getElementById ('result').innerText = '';
18	document.getElementById ('result').textContent = '';
19	document.getElementById ('result').appendChild
20	(document.createTextNode (document.getElementById ('edit').value));
21	">Update</button></p>
22
23	<pre id="result"></pre>
24
25	</body>
26	</html>