为什么用onclick触发得了事件而onsubmit不行?

为什么用onclick触发得了事件而onsubmit不行?

<!DOCTYPE html>

<html>

<head>

<title></title>

<script type="text/javascript">

window.onload=function(){

var a=document.getElementById("w");

a.onsubmit=function(){

alert("登录成功");

}

}

</script>


<style type="text/css">

.box{

width: 250px;height: 150px;background: skyblue;

position: absolute;left: 0;right: 0;top: 0;bottom: 0;

margin: auto auto; 

padding: 20px 0 0 20px;

}

#w{

position: absolute; left:50%;transform: translateX(-50%);

margin-top:20px; 

}

</style>

</head>

<body>

<div class="box">

<span>账号:</span> <input type="text" placeholder="请输入账号"><br/><br/>

<span>密码:</span> <input type="password" placeholder="请输入密码"><br/>

<input type="submit" value="登录" id="w">

</div>

</body>

</html>


正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,onsubmit事件要绑定在form标签上才有效果,如下:

http://img1.sycdn.imooc.com//climg/5e6849b809a3ba0702960180.jpg

效果:

http://img1.sycdn.imooc.com//climg/5e6849c209ab7c8701240089.jpg

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师
插入代码