Tip: you can modify some code before running
<!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"><head> <title>JavaScript to implement text box prompts</title> <style type="text/css">* {Margin: 0px; padding: 0px; font-size: 12px;} input {width: 100px; height: 20px; border: 1px solid # ccc ;}</style></head><body><script language="javascript">Function tips (id, str) {var l = document. getElementById (id ). offsetLeft + 120; var t = document. getElementById (id ). offsetTop; document. getElementById ("tips "). innerHTML = "prompt:" + str; document. getElementById ("tips "). style. left = l + "px"; document. getElementById ("tips "). style. top = t + "px"; document. getElementById ("tips "). style. display = "";} function outtips () {document. getElementById ("tips "). style. display = 'none ';}</script><div id="tips" ></div><br />Name:<input type="text" id="username" onfocus="tips('username','姓名长度最多16个字符')" onblur="outtips()" /><br />Password:<input type="password" id="password" onfocus="tips('password','密码长度必须在3-18位之间')" onblur="outtips()" /></body></html></td> </tr></table>
Tip: you can modify some code before running
