html5的表单事件

时间:2026-04-26 01:08:10

1、这里用onblur(当元素失去焦点时运行脚本)举例讲解,首先新建一个html文档,书写代码:

<!DOCTYPE HTML>

<html>

<body>

<form action="a.php" method="post">

<input type="email" name="e" /><br />

<input type="submit" value="send" />

</form>

</body>

</html>

input输入框为一个邮箱的输入框,效果如图:

html5的表单事件

2、接下来,我们添加表单事件onblur,代码如下:

<input type="email" name="e" onblur="check();"/><br />

onblur="check();"的意思是: 当元素失去焦点时运行check()这个函数,

3、check()是一个JavaScript的函数,接下来,我们创建JavaScript的开始标签和结束标签并书写check函数:

<!DOCTYPE HTML>

<html>

<body>

<script type="text/javascript">

function check(){

alert("abc");

}

</script>

<form action="a.php" method="post">

<input type="email" name="e" onblur="check();"/><br />

<input type="submit" value="send" />

</form>

</body>

</html>

这个函数会弹出显示abc,最终效果如图:

html5的表单事件

4、输入一个f,然后把光标定位到其他地方,就会弹窗显示abc。

© 2026 指南经验网
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com