向大家请教检证输入框内容后，出现在输框后面的”x“和钩理论上是怎么回事？

例如：
用户名:</td><td  width="10%"><input type="text" id="username1" name="username">

结果是    ____________________
 用户名： |___输入框___________|  输入正确出现一个绿钩，错误出现一个红X
这是怎么实现的。大家多多指教。