(html)验证码框的样式怎么做成这样？输入一个字母怎么自动跳转到第二框呢？，求帮忙

来源：网络整理时间:2016/9/6 12:11:56 关键词:

关于网友提出的“ (html)验证码框的样式怎么做成这样？输入一个字母怎么自动跳转到第二框呢？，求帮忙”问题疑问，本网通过在网上对“ (html)验证码框的样式怎么做成这样？输入一个字母怎么自动跳转到第二框呢？，求帮忙”有关的相关答案进行了整理，供用户进行参考，详细问题解答如下：

问题： (html)验证码框的样式怎么做成这样？输入一个字母怎么自动跳转到第二框呢？，求帮忙
描述:

验证码框的样式怎么做成这样？输入一个字母怎么自动跳转到第二框呢？，求帮忙

解决方案1:

我觉得应该是这个框中输入正确然后跳到下一个框

解决方案2:

下面是一个input 然后设置letter-spacing, 上面用四个span或者div设置边框，然后设置background: transparent;就可以了吧

解决方案3:

$(obj).on('keyup',function(){
    if($(this).index()<4) {
        $(this).next('input').focus();
    }
});

解决方案4:

判断框框里面内容是否为空如果不为空那么下一个空格获得焦点

解决方案5:

你是说下面的四个框框吗？div里面嵌套四个div就好了 display 设置为inline-block

解决方案6:

用focus函数转移焦点
css:

.now{width:70px;heigth:70px;border:1px #cccccc solid;}
.now:focus{border:1px #587d18 solid;}

HTML:

JQ:
输入后，焦点移向下一个input元素

//引用前面老兄cevin的代码
$('.now').keyup(function(){
    if($(this).index()<4) {
        $(this).next('input').focus();
    }
});

解决方案7:

谢谢邀请。参考焦点函数focus

以上介绍了“ (html)验证码框的样式怎么做成这样？输入一个字母怎么自动跳转到第二框呢？，求帮忙”的问题解答，希望对有需要的网友有所帮助。
本文网址链接：http://www.codes51.com/itwd/3768877.html