需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html，输入问题基础代码。
2、在index.html中的<body>标签中，输入js代码：
function fun() {
alert('click success!')
}
3、浏览器运行index.html页面，此时点击按钮弹出了提示框。
1、使用onfocus事件检查当前值,如果是默认值,就将value属性置空.如:<input type="text" value="请输入内容" onfocus="javascript:if(this.value=='请输入内容')this.value=''">2、<input id="email" type="text" placeholder="这里输入文字" size="22" />
placeholder="这里输入文字"
input设置默认显示文字的两种方式：
1.placeholder属性。在输入框为空的情况下会显示placeholder中的值。但是提交时不能直接取其值。
2.value属性。在输入框加载的时候输入框中的值。提交时可直接获取。
要用JAVASCRIPT才行！一个样例：
<html>
<head>
<SCRIPT LANGUAGE="JAVASCRIPT">
function button1onclick(){
confirm("哈哈")
}
function button2onclick(){
alert("哈哈")
}
function button3onclick(){
var name=prompt("您好，您的名字是:")
document.write(name)
}
</SCRIPT>
</head>
<form>
<input type="button" value="confirm方式" onclick="button1onclick()">
<input type="button" value="alert方式" onclick="button2onclick()">
<input type="button" value="prompt方式" onclick="button3onclick()">
</form>
</html>
confirm方式用于弹出一个带有“确定”以及“取消”的对话框，会返回一个布尔值，如用户按了“确定”返回TRUE，否则返回FALSE。也可以忽略函数值，单独使用，做提醒的作用。
alert方式用于弹出一个警告的对话框。
prompt方式用于弹出一个带有一文本输入框的窗口，并带有“确定”与“取消”这两个按钮，如果用户按下了“确定”则返回用户在文本输入框
输入的文字，否则返回“null”。例子中的“prompt方式”按钮会弹出一个询问名字的对话框，并把你输入的文字显示在页面上。
如果还有不懂的就自己查一下JAVASCRIPT的知识吧。级别太低，发不了效果图（杯具啊）
