<html>
<body>
<input id="writableTextInput" type="text"  value="Test"/>

<input id="readOnlyTextInput" type="text" readonly value="Test"/>

<input id="textInputnotenabled" type="text" disabled="true" value="Test"/>

<textarea id="writableTextArea" rows="2" cols="20">
This is a sample text area which is supposed to be cleared
</textarea>

<textarea id="textAreaReadOnly" readonly rows="5" cols="20">
text area which is not supposed to be cleared</textarea>

<textarea rows="5" id="textAreaNotenabled" disabled="true" cols="20">
text area which is not supposed to be cleared</textarea>

<div id="content-editable" contentEditable="true"><h1>This</h1><h2>is a</h2><p>contentEditable area</p></div>

<div id="content-editable-blank" contentEditable="true" style="height:50px;"></div>
</body>
</html>