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。

  • 如何跟女朋友加深感情呢?
  • 女朋友总是因为一些小事情生气怎么办,如何面对
  • 你的女朋友之前有过恋爱经历怎么办?
  • 女人第一次没有流血还是处女吗
  • 女朋友想要分手应该怎么办
  • 热门搜索
    脱皮怎么办 牛排骨的做法大全家常 枪战片电视剧大全 手相算命图解大全 小学多音字大全 日本漫画大全之无彩翼漫画 跑酷游戏大全 学校简介 脸上有皱纹怎么办 端午节大全简单又漂亮