如何在网页中用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插入验证码标签的内容啦 , 希望对你有所帮助哦!

    推荐阅读