傻呼呼的验证码提示

哈哈哈,发现各大网站在输入验证码后面总是有这么一句“请输入下图中的四位验证码,字母不区分大小写”之类的话,为什么不在 input 后加上一个CSS所输入全部都是大写(小写)不就OK了么?傻呼呼的~

程序代码
text-transform: uppercase; /*使所有字母大写*/
text-transform: lowercase; /*使所有字母小写*/

又发现,有的网站傻呼呼的让IE自动记录了验证码,把IE的自动记录关了不就完事了么?
只要在 input 里加上这个属性即可~

程序代码
autocomplete="off"

又又发现,有很多网站验证码这里只能打ABC和123,让用户要从当前输入法再换到英文,直接把输入法关了不就完事了么?
这个要在CSS里定义验证码的 input 一个

程序代码
ime-mode:disabled; /*关闭输入法*/

咳咳咳,用户体验,从细节入手啊~

发布者:s5s5

https://s5s5.me

“傻呼呼的验证码提示”上的32条回复

  1. 好久没看见你口水了,今天偶尔瞄到,果然还是老样子。

  2. 很好的提醒,从出发点来看没有问题;但我发现一个小小的误导,
    text-transform只是改变了呈现,但提交的value还是原始输入的,大的还是大的,小的还是小的。
    <input style="text-transform:uppercase;" onblur="alert(this.value)" />,

    其实如果验证不区分大小的话,那生成这些验证的时候就可以处理了,比如只生成小写的。

  3. huerreson,你说的对,不过不区分大小写话就无所谓了~
    验证码区分的话,就要在写些程序来转换一下了~

  4. 未必吧。。。

    缺点也是很明显的:
    1、只支持IE。
    2、XHTML不规范。

  5. 用户体验永远是用户最清楚,小米摆的位置正确了!

  6. 不知道别人怎么想,在小写状态突然打出大写来大部分人还是会愣一下的

评论已关闭。

退出移动版