验证码介绍：
创新互联不只是一家网站建设的网络公司；我们对营销、技术、服务都有自己独特见解，公司采取“创意+综合+营销”一体化的方式为您提供更专业的服务！我们经历的每一步也许不一定是最完美的，但每一步都有值得深思的意义。我们珍视每一份信任，关注我们的网站设计、成都做网站质量和服务品质，在得到用户满意的同时，也能得到同行业的专业认可，能够为行业创新发展助力。未来将继续专注于技术创新，服务升级，满足企业一站式网络营销推广需求，让再小的成都品牌网站建设也能产生价值！
验证码是程序生成的，具备防灌水，防软件自动识别的功能；有关到操作、查询数据库、安全等时，先判断用户输入的验证码是不是和程序生成的一致性。
生成：是数字/字母/汉字/英文的随机组合，将此组合更新保存在session中；
生成干扰线条（是为增加识别难度，防机器自动识别）；
将验证组合与干扰先合成 生成真正的图片；
当需要做防伪验证时，就会从session中读取验证组合，与用户输入的验证码对比；
不一致将返回操作 ，而保证数据安全。
总结：
楼上说 js随机数+css 生成，完全错误。在程序使用范围类是没有任何用处的。
常见的验证码格式：1，四位数字，随机的一数字字符串，最原始的验证码，验证作用几乎为零。2，CSDN网站用户登录用的是GIF格式，目前常用的随机数字图片验证码。2，汉字，QQ网站注册目前最新的验证码，都是汉字，随机生成。3，QQ网站用户登录用的是PNG格式，图片用的随机数字+随机大写英文字母，整个构图有点张扬,每刷新一次,每个字符还会变位置!有时候出来的图片,人眼都识别不了。4，MS的hotmail
代码我就不写了，估计你也会的。
就给几个意见：
验证码输入框最好与验证码图片在一行。（输入框适当短一点毕竟只需要4个字母）
验证码图片的边框可以根据页面背景的颜色色系接近（可以是蓝色）
整个登入界面的几个输入，可以紧凑一些么不需要为了撑开页面而故意分那么大，不好看（可以在表单位置再加一个单独背景图片使其更加突出）
希望对你有帮助。
1. 传统输入式验证码
主要是通过用户输入图片中的字母、数字、汉字等进行验证。
代表：大多数网站采用此种验证形式。
特点：简单易操作，人机交互性较好。但安全系数低，容易被破解。
2. 输入式的图形验证码
有精美图案，识别文本也清晰可认，专注于广告。
代表：Solve Media，宇初验证码
特点：与其说是验证码，倒不如说是广告位。
3. 纯行为验证码
照要求将备选碎片直线滑动到正确的位置
代表：极验验证码
特点：操作简单，体验好。单一维度，容易被逆向模拟，与移动端页面切换不兼容。
4. 图标选择与行为辅助
给出一组图片，按要求点击其中一张或者多张。借用万物识别的难度阻挡机器。
代表：点触验证码、Google新型验证码、12306验证码
特点：安全性强。对于图片、图库、技术要求高。
5. 点击式的图文验证与行为辅助
通过文字提醒用户点击图中相同字的位置进行验证。
代表：淘宝新型验证码、点触验证码
特点：操作简单，体验良好，单一图片区域较大，破解难度大。
6. 智能验证码
通过行为特征、设备指纹、数据风控等技术，正常用户免验证，异常用户强制验证
代表：点触智能验证码
特点：简单便捷，区分人与机器、人与人、设备与设备。
.telphone {
color: #356112;
font-family: Georgia;
font-size: 32px;
font-weight: normal;
line-height: 60px;
}
这个验证码输入应用场景非常的多，看起来很简单的，但是做起来还是有一些坑。
首先的想法就是6个input框，每输入一个数字之后，切换到下一个input，即切换focus，如果输入很快的话，会导致切换不过来
有卡顿的感觉，pass掉，所以最后使用一个input来接受输入最好，通过样式来切割成6个框，感觉这种也不好控制也就pass掉；
最后的想法是放6个input框，但是全都是disabled的，然后让一个隐藏的input来接受输入，这个input添加change事件，让接受到的值分割后在赋到其他6个disabled框中显示出来。
先看看效果：
Html code如下：
js code：
css code 只截取了部分:
END!!!