输入框被点击时,弹出的软键盘会顶起底部的按钮,就像这样: 这个时候,可以给 底下的 Button 或者包含这个Button的Div 添加一个CSS样式:z-index...
代码我就不写了，估计你也会的。
就给几个意见：
验证码输入框最好与验证码图片在一行。（输入框适当短一点毕竟只需要4个字母）
验证码图片的边框可以根据页面背景的颜色色系接近（可以是蓝色）
整个登入界面的几个输入，可以紧凑一些么不需要为了撑开页面而故意分那么大，不好看（可以在表单位置再加一个单独背景图片使其更加突出）
希望对你有帮助。
这个验证码输入应用场景非常的多，看起来很简单的，但是做起来还是有一些坑。
首先的想法就是6个input框，每输入一个数字之后，切换到下一个input，即切换focus，如果输入很快的话，会导致切换不过来
有卡顿的感觉，pass掉，所以最后使用一个input来接受输入最好，通过样式来切割成6个框，感觉这种也不好控制也就pass掉；
最后的想法是放6个input框，但是全都是disabled的，然后让一个隐藏的input来接受输入，这个input添加change事件，让接受到的值分割后在赋到其他6个disabled框中显示出来。
先看看效果：
Html code如下：
js code：
css code 只截取了部分:
END!!!
