VisualStudio网页怎么插入验证码标签?

Visual Studio网页中注册和登录用户时,往往要用到验证码,该怎么插入验证码标签呢?下面我们就来看看详细的教程。

软件名称:
Visual Studio 2017 正式版 (附离线安装包) 官网简体中文版
软件大小:
15GB
更新时间:
2017-03-14

VisualStudio网页怎么插入验证码标签?_第1张图片

1、首先,布局验证码标签的整体格式。

VisualStudio网页怎么插入验证码标签?_第2张图片

2、布局中验证码标签的整体高度为33像素,宽为260像素。

VisualStudio网页怎么插入验证码标签?_第3张图片

3、接着,定义输入验证码的文本框,用input属性设置。

VisualStudio网页怎么插入验证码标签?_第4张图片

4、输入文本框的类型为text标识为ma。

VisualStudio网页怎么插入验证码标签?_第5张图片

5、聚焦事件和取消聚焦,设置输入文本框的文本值为码

VisualStudio网页怎么插入验证码标签?_第6张图片

6、接着,定义验证码输入文本框的边框、字体、高度和宽度。

VisualStudio网页怎么插入验证码标签?_第7张图片

7、最后,用image标签,插入在网页中显示验证码标签的代码。

VisualStudio网页怎么插入验证码标签?_第8张图片

8、用alt属性设置验证码标签的显示文本,内容为看不清楚,换一张。

VisualStudio网页怎么插入验证码标签?_第9张图片

9、用src属性引用工具文件夹中的,用于产生验证码的文件Gain.ashx在验证码按钮上单击后产生验证码

VisualStudio网页怎么插入验证码标签?_第10张图片

10、设置验证码标签的宽为100像素高为33像素。

VisualStudio网页怎么插入验证码标签?_第11张图片

11、浏览网页,在页面上显示验证码标签,以及输入验证码的文本框。验证码标签中,没有显示验证码,是因为后台代码还没有设置好。

VisualStudio网页怎么插入验证码标签?_第12张图片

以上就是Visual Studio网页插入验证码标签的教程,希望大家喜欢,请继续关注脚本之家。

相关推荐:

VisualStudio怎么新建网页页面? vs创建页面的教程

VisualStudio怎么插入按钮? vs网页添加按钮的教程

VisualStudio网页怎么设计验证用户名和密码的功能?

你可能感兴趣的:(VisualStudio网页怎么插入验证码标签?)