Try this example. Where
rt_trans.gif is an image 10x10 pixels. The upper-right triagle is red. the lower-left triangle is transparent (e.g when you use backgroundcolors in the form elements).
As you can see in the alt text you can make new lines with

 and tabs with
	
Feel free to copy the image
Here is the code:
<HTML>
<HEAD>
<TITLE></TITLE>
<style>
.setimg1 {
position: relative;
left: -12px;
top: -6px;
cursor: wait;
}
</style>
</HEAD>
<BODY>
<br><br><br>
<form name="f1">
<input name="ex0"><input name="ex1"><img alt="The text of the comment indicator" name="img1" class="setimg1" src="rt_trans.gif" width=10 height=10><br>
<input style="background-color: yellow;" name="ex2"><img alt="Text&#09;with&#09;tabs&#13;Like&#09;a&#09;table" name="img1" class="setimg1" src="rt_trans.gif" width=10 height=10><input name="ex3"><br>
<input type="textarea" value="textarea text"><img alt="And here is another text &#13;He this text is a new line !!&#013;&#013;And here a new line after an empty line

" name="img1" class="setimg1" src="rt_trans.gif" width=10 height=10>
</form>
</BODY>
</HTML>
Hope this helps,
Erik <!-- My sport:
Boomerang throwing !!
This year I will participate at the World Championships in Germany. (
!! Many Happy Returns !! -->