html 怎么点击一个按钮弹出一个提示框

html-css017

html 怎么点击一个按钮弹出一个提示框,第1张

需要准备的材料分别有：电脑、浏览器、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的知识吧。级别太低，发不了效果图（杯具啊）