網頁驗證碼壹般是在後臺生成壹個驗證碼在後臺生成好圖片返回給網頁顯示，用戶輸入的信息與後端保存的信息再進行驗證。
如果後端的信息返回到前端是已文字的形式，就起不到安全的作用了。
妳的這個功能可以這樣設計，但作用不大。我來說說我的思路吧
首先後端返回壹個數字類型的驗證碼，前端獲取數字行的驗證用js+css組織實現特效。妳在上圖的黑色部分設定壹個擋扳的html元素（這個元素距離左邊的三角形滑動塊的距離就是後端返回的數字），左邊滑塊滑動多少距離達這個隱藏區塊，獲取這個數值，保存下來。