<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本框焦点问题</title>
</head>
<body>
<!--onBlur:当失去输入焦点后产生该事件
onFocus:当输入获得焦点后,产生该文件
Onchange:当文字值改变时,产生该事件
Onselect:当文字加亮后,产生该文件
-->
<script type="text/javascript">
document.write("<input type=\"text=\" value=\"请输入用户名\" " +
"οnfοcus=\"if (value=='请输入用户名'){value=''}\"" +
"οnblur=\"if(value==''){value='请输入用户名'}\">");
/*特色按钮的使用*/
document.write("<input type=\"button\" name=\"Button1\" value=\"按钮1\" size=\"10px\" style=\"background-color: cornflowerblue\">");
/*鼠标离开时颜色变化*/
document.write("<input type=\"button\" value=\"按钮会变化颜色\" οnmοuseοver=this.style.color=\"red\" οnmοuseοut=this.style.color=\"blue\" >");
</script>
</body>
</html>