需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html，输入问题基础代码。
2、在index.html中的<body>标签中，输入js代码：
function fun() {
alert('click success!')
}
3、浏览器运行index.html页面，此时点击按钮弹出了提示框。
用获得焦点onfocus和失去焦点onblur事件
<html><head>
<script>
function show(){
var test=document.getElementById("uname").value
if(test==null || test==""){
document.getElementById("abc").style.display=''
}else{
document.getElementById("abc").style.display='none'
}
}
function hide(){
document.getElementById("abc").style.display='none'
}
</script>
</head>
<body>
<input id="uname" type="text" onblur="show()" onfocus="hide()"/><span id="abc">请输入名称</span>
</body>
</html>
那就不要用alert了嘛。。直接自己用div做一个提示框就是了，想要多少东西都能时间，平时就隐藏起来，然后需要的时候再显示就是了，js里面的提示框有几种：alert，confirm，promote。alert只是简单的显示信息，点击确定后消失，
confirm可以获取用户点击是确定还是取消，
而promote可以让用户输入一些字符，并获取到，
如果只是想要input，promote即可满足，但是需要其他信息就必须使用div来实现了。。
