验证码介绍：
验证码是程序生成的，具备防灌水，防软件自动识别的功能；有关到操作、查询数据库、安全等时，先判断用户输入的验证码是不是和程序生成的一致性。
生成：是数字/字母/汉字/英文的随机组合，将此组合更新保存在session中；
生成干扰线条（是为增加识别难度，防机器自动识别）；
将验证组合与干扰先合成 生成真正的图片；
当需要做防伪验证时，就会从session中读取验证组合，与用户输入的验证码对比；
不一致将返回操作 ，而保证数据安全。
总结：
楼上说 js随机数+css 生成，完全错误。在程序使用范围类是没有任何用处的。
代码我就不写了，估计你也会的。
就给几个意见：
验证码输入框最好与验证码图片在一行。（输入框适当短一点毕竟只需要4个字母）
验证码图片的边框可以根据页面背景的颜色色系接近（可以是蓝色）
整个登入界面的几个输入，可以紧凑一些么不需要为了撑开页面而故意分那么大，不好看（可以在表单位置再加一个单独背景图片使其更加突出）
希望对你有帮助。
日输入框被点击时,弹出的软键盘会顶起底部的按钮,就像这样: 这个时候,可以给 底下的 Button 或者包含这个Button的Div 添加一个CSS样式:z-index...
