完整代码如下 ：
复制代码代码如下:
<! DocType html public "-// w3c // dtd xhtml 1.0 Transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transicional.dtd ">
<html xmlns = "http://www.w3.org/1999/xhtml" xml: lang = "en" lang = "en">
<Evista>
<title> html 文本框提示效果 </title>
<style type = "text/css">
*{
margen: 0px; relleno: 0px; font-size: 12px;
}
aporte{
Ancho: 100px; altura: 20px; borde: 1px sólido #ccc;
}
</style>
</ablo>
<Body>
<script language = "javaScript">
Consejos de funciones (id, str) {
var l = document.getElementById (id) .OffsetLeft+120;
var t = document.getElementById (id) .OffSettop;
document.getElementById ("consejos"). innerhtml = "提示 ："+str;
document.getElementById ("consejos"). style.left = l+"px";
document.getElementById ("consejos"). style.top = t+"px";
document.getElementById ("consejos"). style.display = "";
}
function outtips () {
document.getElementById ("consejos"). style.display = 'none';
}
</script>
<div id = "tips" style = "posición: absoluto; borde: 1px sólido #ccc; relleno: 0px 3px; color:#f00; visual
<Br />
姓名 ： <input type = "text" id = "username" onfocus = "tips ('username', '姓名长度最多 16 个字符')" onblur = "outtips ()" />
<Br />
密码 ： <input type = "contraseña" id = "contraseña" onfocus = "tips ('contraseña', '密码长度必须在 3-18 位之间')" onblur = "outtips ()" />
</body>
</html>