看图1，这个是没有单击到文本框时的情形。文本框周围没有带区域的文字说明 ，并且文本框右下角有个浅蓝色三角标志。


图片如下：

图1



　　当单击文本框时，它就出现一个说明区域，并且是将文本框包含了进去，共有2个区域：一个浅蓝色的背景区域；一个带文字说明的区域，见图2


图片如下：

图2

　　并且当输入的数据不正确时，文本框右下角的三角标志变成红色的了，见图3。


图片如下：

图3

　　当输入的数据正确时，三角标志变成绿色右上角标志，见图4。


图片如下：

图4

　　请问：
　　1、图2中的2个区域是怎么做出来的？
　　2、这个三角标志是怎么做出来的？
谢谢！

<input onfocus="document.all.spanA.style.display='inline'" onblur="document.all.spanA.style.display='none'"><br><div id=spanA style="border:solid 1px black;width:200;height:100;background-color:#999900;display:none">这里显示</div>

我知道说明文字的区域怎么做了。

那么那个三角标志怎么做？

用的是背景