完整代码如下 ：
复制代码代码如下:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml" xml: lang = "en" lang = "en">
<голова>
<title> html 文本框提示效果 </title>
<стиль типа = "text/css">
*{
Полевая: 0PX; накладка: 0px; размер шрифта: 12px;
}
вход{
Ширина: 100px; высота: 20px; граница: 1px sold #ccc;
}
</style>
</head>
<тело>
<script language = "javascript">
Советы функции (id, str) {
var l = document.getElementbyId (id) .OffSetleft+120;
var t = document.getElementbyId (id) .OffSetTop;
document.getElementById ("TIPS"). innerHtml = "： ："+str;
document.getElementById ("tips"). style.left = l+"px";
document.getElementbyId ("tips"). style.top = t+"px";
document.getElementbyId ("tips"). style.display = "";
}
функция outtips () {
document.getElementbyId ("tips"). style.display = 'none';
}
</script>
<div id = "tips" style = "Положение: абсолютно; граница: 1px solid #ccc; накладка: 0px 3px; цвет:#f00; дисплей: нет; высота: 20px; линейная-высота: 20px; фон: #fcfcfc"> </div>
<br />
姓名 ： <input type = "text" id = "username" onfocus = "tips ('username', '姓名长度最多 16 个字符')" onblur = "outtips ()" />
<br />
密码 ： <input type = "password" id = "пароль" onfocus = "tips ('пароль', '密码长度必须在 3-18 位之间')" onblur = "outtips ()" />
</body>
</html>