按钮特效-Enter键自动提交表单

——————————————————————

<script type="text/javascript">            
            //当用户按下键时
            function formKeyPress(event){
                if(event.keyCode == 13){            //判断是否按的是Enter键
                    document.forms[0].submit();    //提交表单
                }else{
                    return false;                //返回
                }
            }
        </script>

——————————————————————

<body style="text-align:center;">
        <!-- 定义表单,按钮 -->
        <form action="" method="post" style="display:block; width: 250px; height: 100px;
            border: 1px solid black;">
            <br/>
            用户名:<input type="text" name="username"/><br/>
            密码:<input type="password"
                name="password" onkeypress="formKeyPress();"/><br/>
            <input type="submit" value="提交"/><br/>
        </form>        
    </body>

-——————————————————————

 

posted @ 2016-09-22 11:41  承载梦想-韩旭明  阅读(255)  评论(0编辑  收藏  举报