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。

  • 如何跟女朋友加深感情呢?
  • 女朋友总是因为一些小事情生气怎么办,如何面对
  • 你的女朋友之前有过恋爱经历怎么办?
  • 女人第一次没有流血还是处女吗
  • 女朋友想要分手应该怎么办
  • 热门搜索
    整洁的反义词是什么 小米平板怎么连接电脑 电脑如何进入安全模式 第一产业第二产业第三产业是什么 道士生活录 植物怎么传播种子 生活需要阳光 hpv病毒是什么 夏天如何减肥 如何写自我鉴定