一个有意思的html验证码： namesilo验证码
买域名的时候看到的一个验证码，感觉蛮有意思的（https://www.namesilo.com/create_account.php），这个质感看上去就不一样：
查看页面源码，果然这个验证码是用html的标签拼接出来的：
当然这种验证码是比较容易破解的，它是请求这个接口拿到的验证码html数据：
https://www.namesilo.com/captcha_generate.php
返回的数据被url编码了：
%3Cstyle%3E.capc1%7B%20background-color%3A%20%23F8FFFE%3B%20%7D%20.capc2%7B%20background-color%3A%20%23000000%3B%20%7D%3C%2Fstyle%3E%3Ctable%20cellpadding%3D%220%22%20cellspacing%3D%220%22%20class%3D%22captchatable%22%20align%3D%22center%22%3E%3Ctr%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3C%2Ftr%3E%3Ctr%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3C%2Ftr%3E%3Ctr%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3C%2Ftr%3E%3Ctr%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3C%2Ftr%3E%3Ctr%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3C%2Ftr%3E%3Ctr%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3C%2Ftr%3E%3Ctr%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc1%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3Ctd%20class%3D%22capc2%22%20style%3D%22padding%3A0%3B%22%3E%26nbsp%3B%3C%2Ftd%3E%3C%2Ftr%3E%3C%2Ftable%3E
对其url decode并格式化：
<style>.capc1{ background-color: #F8ECFF; } .capc2{ background-color: #030D14; }</style>
<table c ellpadding="0" cellspacing="0" class="captchatable" align="center">
<tr>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td></tr>
<tr>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td></tr>
<tr>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td></tr>
<tr>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td></tr>
<tr>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td></tr>
<tr>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td></tr>
<tr>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc1" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td>
<td class="capc2" style="padding:0;"> </td></tr>
</table>
破解的思路很简单，就是从字符映射回图片即可，多找几个例子观察可以看到，class就两个，capc2是背景色块，capc1是字体色块，然后就比较简单了，将这个captcha table的每个单元格作为一个像素映射到一张图片上：
package cc11001100.misc.crawler.captcha.namesilo; import cc11001100.misc.crawler.utils.HttpUtil;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
import org.apache.commons.io.FileUtils;
import org.jsoup.Jsoup;
import org.jsoup.nodes.Document;
import org.jsoup.select.Elements; import javax.imageio.ImageIO;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import java.net.URLDecoder;
import java.nio.charset.StandardCharsets; /**
* @author CC11001100
*/
public class NamesiloCrawler { @NoArgsConstructor
@AllArgsConstructor
@Data
public static class Captcha {
private String html;
private BufferedImage img;
} public static Captcha getCaptcha() {
String url = "https://www.namesilo.com/captcha_generate.php";
String html = HttpUtil.request(url, null, response -> URLDecoder.decode(response.body(), StandardCharsets.UTF_8));
Document doc = Jsoup.parse(html);
Elements rowElt = doc.select(".captchatable tr"); BufferedImage image = new BufferedImage(rowElt.get(0).select("td").size(), rowElt.size(), BufferedImage.TYPE_INT_RGB);
for (int y = 0; y < rowElt.size(); y++) {
Elements colsElt = rowElt.get(y).select("td");
for (int x = 0; x < colsElt.size(); x++) {
boolean isBackground = "capc2".equals(colsElt.get(x).attr("class"));
image.setRGB(x, y, isBackground ? Color.WHITE.getRGB() : Color.BLACK.getRGB());
}
} return new Captcha(html, image);
} public static void saveCaptchaForShow() throws IOException {
for (int i = 0; i < 10; i++) {
Captcha captcha = getCaptcha();
BufferedImage image = captcha.getImg();
long ts = System.currentTimeMillis();
ImageIO.write(image, "png", new File("data/captcha/namesilo/" + ts + ".png"));
FileUtils.writeStringToFile(new File("data/captcha/namesilo/" + ts + ".html"), captcha.getHtml(), "UTF-8");
}
} public static void main(String[] args) throws IOException { saveCaptchaForShow(); } }
映射到的图片：
打开保存的html看看映射得是否正确：
接下来的事情就比较简单了，就是最基本的字符型图片验证码破解，因此也不再继续往下演示了。
这种验证码安全性还是比较差的，只是感觉蛮有意思，于是自己实现了一个：
package cc11001100.misc.crawler.captcha.namesilo; import javax.imageio.ImageIO;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException; /**
* @author CC11001100
*/
public class NamesiloCaptcha { public static boolean[][] draw(String chars, int size) throws IOException {
int width = size * chars.length();
BufferedImage image = new BufferedImage(width, size, BufferedImage.TYPE_INT_RGB);
Graphics g = image.getGraphics(); g.setColor(Color.WHITE);
g.fillRect(0, 0, image.getWidth(), image.getHeight()); g.setColor(Color.BLACK);
g.setFont(new Font("Helvetica", Font.PLAIN, (int) (size * 1.1)));
g.drawString(chars, (int) (chars.length() * size * 0.1), (int) (size * 0.9)); // ImageIO.write(image, "png", new File("data/captcha/namesilo/1.png")); boolean[][] result = new boolean[size][width];
for (int y = 0; y < image.getHeight(); y++) {
for (int x = 0; x < image.getWidth(); x++) {
result[y][x] = image.getRGB(x, y) == Color.BLACK.getRGB();
// System.out.printf("%-3d", image.getRGB(x, y));
}
// System.out.println();
} return result;
} public static void showWith(String chars, int size, char c) throws IOException {
boolean[][] matrix = draw(chars, size); for (int x = 0; x < matrix.length; x++) {
StringBuilder line = new StringBuilder(matrix[x].length);
for (int y = 0; y < matrix[x].length; y++) {
// char t = !matrix[x][y] ? c : ' ';
char t = matrix[x][y] ? c : ' ';
line.append(t).append(t).append(t);
}
System.out.println(line.toString());
}
} public static void main(String[] args) throws IOException { showWith("ABCD", 10, '☻'); } }
效果：
☻☻☻ ☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻ ☻☻☻☻☻☻☻☻☻ ☻☻☻☻☻☻☻☻☻☻☻☻
☻☻☻ ☻☻☻ ☻☻☻ ☻☻☻ ☻☻☻ ☻☻☻ ☻☻☻ ☻☻☻
☻☻☻ ☻☻☻ ☻☻☻ ☻☻☻ ☻☻☻ ☻☻☻ ☻☻☻
☻☻☻ ☻☻☻ ☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻ ☻☻☻ ☻☻☻ ☻☻☻
☻☻☻ ☻☻☻ ☻☻☻ ☻☻☻ ☻☻☻ ☻☻☻ ☻☻☻
☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻ ☻☻☻ ☻☻☻ ☻☻☻ ☻☻☻ ☻☻☻
☻☻☻ ☻☻☻ ☻☻☻ ☻☻☻ ☻☻☻ ☻☻☻ ☻☻☻ ☻☻☻
☻☻☻ ☻☻☻ ☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻ ☻☻☻☻☻☻☻☻☻ ☻☻☻☻☻☻☻☻☻☻☻☻
或者反色，可能需要离得远一点或者摘下眼镜才能看清楚了：
☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻
☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻ ☻☻☻☻☻☻☻☻☻☻☻☻ ☻☻☻☻☻☻☻☻☻☻☻☻ ☻☻☻☻☻☻ ☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻
☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻ ☻☻☻ ☻☻☻☻☻☻☻☻☻ ☻☻☻☻☻☻☻☻☻☻☻☻ ☻☻☻☻☻☻ ☻☻☻☻☻☻☻☻☻ ☻☻☻ ☻☻☻☻☻☻☻☻☻ ☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻
☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻ ☻☻☻ ☻☻☻☻☻☻☻☻☻ ☻☻☻☻☻☻☻☻☻☻☻☻ ☻☻☻ ☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻ ☻☻☻☻☻☻☻☻☻☻☻☻ ☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻
☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻ ☻☻☻ ☻☻☻☻☻☻☻☻☻ ☻☻☻ ☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻ ☻☻☻☻☻☻☻☻☻☻☻☻ ☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻
☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻ ☻☻☻☻☻☻☻☻☻ ☻☻☻☻☻☻ ☻☻☻☻☻☻☻☻☻☻☻☻ ☻☻☻ ☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻ ☻☻☻☻☻☻☻☻☻☻☻☻ ☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻
☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻ ☻☻☻☻☻☻ ☻☻☻☻☻☻☻☻☻☻☻☻ ☻☻☻ ☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻ ☻☻☻☻☻☻☻☻☻☻☻☻ ☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻
☻☻☻☻☻☻☻☻☻☻☻☻ ☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻ ☻☻☻ ☻☻☻☻☻☻☻☻☻☻☻☻ ☻☻☻☻☻☻ ☻☻☻☻☻☻☻☻☻ ☻☻☻ ☻☻☻☻☻☻☻☻☻ ☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻
☻☻☻☻☻☻☻☻☻☻☻☻ ☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻ ☻☻☻ ☻☻☻☻☻☻☻☻☻☻☻☻ ☻☻☻☻☻☻ ☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻
☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻☻
.
一个有意思的html验证码： namesilo验证码的更多相关文章
- php生成动态验证码 加减算法验证码 简单验证码
预览效果: <?php /** *ImageCode 生成包含验证码的GIF图片的函数 *@param $string 字符串 *@param $width 宽度 *@param $height ...
- linux下一个有意思的问题(文件名以短划线或空格开头)
linux下一个有意思的问题(文件名以短划线开头) 这本是无意中的一个发现. 在linux下,文件名中含有 - 是没有问题,但是如果文件名是以-作为第一个字符的,那么就比较麻烦了. 问题演示 看这里, ...
- 一个有意思的CSS样式库--BUTTONS
我最近发现了一个有意思的CSS样式库,和Bootstrap相似,但是它是专门的一个高度可定制的,免费的并且开源的按钮CSS样式库,这里附上它的网址:http://www.bootcss.com/p/b ...
- Python一个有意思的地方：reduce、map、filter
今天阅读了关于Python函数式编程的系列文章,地址在这里: http://www.cnblogs.com/huxi/archive/2011/06/24/2089358.html 里面提到了四个内建 ...
- 以java实现的一个简单登录界面（带验证码）
本文参考于:https://blog.csdn.net/wyf2017/article/details/78831744 https://blog.csdn.net/MengKun822/articl ...
- 这是一个简单的前台短信验证码功能 ajax实现异步处理 （发送和校验）
<script type="text/javascript"> var InterValObj; //timer变量,控制时间 var count = 60; //间隔 ...
- 一个漂亮灵活的PHP图片验证码
<?php class Imagecode{ private $width ; private $height; private $counts; private $distrubcode; p ...
- java验证码-汉字验证码
今天整理了一个java实现的汉字输入验证码 主要包含两个类,一个是生成验证码,一个是判断验证码输入是否正确 实现原理非常简单,将汉字和干扰线生成图片并将汉字保存到session,前台获取每次生成验证码 ...
- C# WinForm 使用SMS接口发送手机验证码+图形验证码+IP限制
https://blog.csdn.net/IT_xiao_guang_guang/article/details/104299983 前言 1.发送手机验证码用的是网建的SMS接口(http:/ ...
随机推荐
- listenTo - backbone.js
listenToobject.listenTo(other, event, callback) 让 object 监听 另一个(other)对象上的一个特定事件.不使用other.on(event, ...
- YUV 和 YCbCr 辨析
YCbCr或Y'CbCr 是在世界数字组织视频标准研制过程中作为ITU-R BT1601 建议的一部分, 其实是YUV经过缩放和偏移的翻版. 通常会用于影片中的影像连续处理,或是数字摄影系统中. 其中 ...
- [Linux] day03——REHL部署
REHL 部署 Linux 树形目录结构 最顶层 根 / 在Linux中 一切皆文件 文件系统 swap / 安装方式 PXE U盘 光盘 配置安装程序 选择包 5.9 6.4
- 浏览器的HTML页面展示
当你输入一个url链接发生了什么? 下面的图是上篇文章的改造版本 电脑浏览器输入百度 打开台式电脑或者笔记本中的浏览器(IE,谷歌,360等),访问百度http://www.baidu.com,此时发 ...
- IDEA设置窗口标签换行显示
windows -> editor tabs -> tabs placement 关掉 show tabs in sigle row即可
- 守神漏洞扫描器V1.2
主界面 指纹利用 漏洞库 怎么说呢,个人感觉这个扫描器跟小哲的Test404Fuzzer差不多~ 就是功能多了旁站查询.C段查询.而且这款工具的exp比Test404Fuzzer的多了几个~ 总体来说 ...
- 小程序本地存储之wx.getStorageSync
这个主要可以解决微信小程序的记录缓存,入输入框的搜索历史记录 直接上代码 setsearchMsg:function(){ var that=this if (this.data.inputValue ...
- Day9 - J - 吉哥系列故事——恨7不成妻 HDU - 4507
单身! 依然单身! 吉哥依然单身! DS级码农吉哥依然单身! 所以,他生平最恨情人节,不管是214还是77,他都讨厌! 吉哥观察了214和77这两个数,发现: 2+1+4=7 7+7=7*2 77=7 ...
- 「SCOI2010」幸运数字
传送门 Luogu 解题思路 首先构造出所有的幸运数字. 然后考虑一个幸运数字会产生多少贡献. 对于一个数 \(x\),它在区间 \([l,r]\) 内的倍数的个数为 \(\lfloor \frac{ ...
- 图论初步2<蒟蒻专属，大佬勿喷>
前言: 本节课讲的是图论的几种遍历方式,若没看图论初步1的赶紧去看 https://www.cnblogs.com/Craker/p/12271090.html 正文: 零.温故而知新 上节课我们学的 ...