自动跳转文本的实现

最新推荐文章于 2022-05-25 10:41:21 发布

麻小张

最新推荐文章于 2022-05-25 10:41:21 发布

阅读量1.5w

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_31808577/article/details/72729795

版权

前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

贴一段自动跳转文本的代码实现：

实现代码

<html>
    <head>
        <title>文本跳转</title>
        <style type=text/css>
            body{
                MARGIN-TOP: 10px;
                FONT-SIZE: 10pt;
                MARGIN-LEFT: 10px;
                MARGIN-RIGHT: 0px;
                FONT-FAMILY: "微软雅黑"
            }
        </style>
        <meta http-equiv=Content-Type content="text/html; charset=gb2312">
    </head>

    <body>
        <script type="text/javascript">
            function InBox1() {
                if(document.code.Box1.value.length == 4) {
                    document.code.Box2.focus();
                }
            }

            function InBox2() {
                if(document.code.Box2.value.length == 4) {
                    document.code.Box3.focus();
                }
            }

            function InBox3() {
                if(document.code.Box3.value.length == 4) {
                    document.code.Box4.focus();
                }
            }
        </script>
        <formname="code" action="" method="post">输入：
            <input maxLength="4" size="4" name="Box1" onkeyup="return InBox1()">-
            <input maxLength="4" size="4" name="Box2" onKeyUp="return InBox2()">-
            <input maxLength="4" size="4" name="Box3" onKeyUp="return InBox3()">-
            <input maxLength="4" size="4" name="Box4">
        </form>
    </body>
</html>

麻小张

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
自动跳转文本的实现

自动跳转文本的实现贴一段自动跳转文本的代码实现：实现代码<HTML> <HEAD> <TITLE>文本跳转</TITLE> <STYLE type=text/css> BODY { MARGIN-TOP: 0px; FONT-SIZE: 9pt;
复制链接

扫一扫

专栏目录