如何在網頁中用Visual Studio插入驗證碼標簽

為了用戶和網站的平安 , 在注冊和登錄用戶時 , 往往要用到驗證碼 , 若何在網頁中插入驗證碼標簽呢?筆者與大師分享一下用Visual Studio實現的方式 。

如何在網頁中用Visual Studio插入驗證碼標簽



需要這些哦
Visual Studio 2015
方式/
1起首 , 結構驗證碼標簽的整體格局 。

如何在網頁中用Visual Studio插入驗證碼標簽



2結構中驗證碼標簽的整體高度為33像素 , 寬為260像素 。

如何在網頁中用Visual Studio插入驗證碼標簽



3接著 , 界說輸入驗證碼的文本框 , 用input屬性設置 。

如何在網頁中用Visual Studio插入驗證碼標簽



4輸入文本框的類型為text , 標識為ma 。

如何在網頁中用Visual Studio插入驗證碼標簽



5聚焦事務和打消聚焦 , 設置輸入文本框的文本值為碼 。

如何在網頁中用Visual Studio插入驗證碼標簽



6接著 , 界說驗證碼輸入文本框的邊框、字體、高度和寬度 。

如何在網頁中用Visual Studio插入驗證碼標簽



7最后 , 用image標簽 , 插入在網頁中顯示驗證碼標簽的代碼 。

如何在網頁中用Visual Studio插入驗證碼標簽



8用alt屬性設置驗證碼標簽的顯示文本 , 內容為看不清晰 , 換一張 。

如何在網頁中用Visual Studio插入驗證碼標簽



9用src屬性引用東西文件夾中的 , 用于發生驗證碼的文件Gain.ashx , 在驗證碼按鈕上單擊后發生驗證碼 。

如何在網頁中用Visual Studio插入驗證碼標簽



10【如何在網頁中用Visual Studio插入驗證碼標簽】設置驗證碼標簽的寬為100像素 , 高為33像素 。

如何在網頁中用Visual Studio插入驗證碼標簽



11瀏覽網頁 , 在頁面上顯示驗證碼標簽 , 以及輸入驗證碼的文本框 。
驗證碼標簽中 , 沒有顯示驗證碼 , 是因為后臺代碼還沒有設置好 。

如何在網頁中用Visual Studio插入驗證碼標簽




以上內容就是如何在網頁中用Visual Studio插入驗證碼標簽的內容啦 , 希望對你有所幫助哦!

    猜你喜歡