简约大气的JavaScript验证码demo，详细案例带注释，可直接用

最新推荐文章于 2022-03-15 16:42:43 发布

Ben_小b

最新推荐文章于 2022-03-15 16:42:43 发布

阅读量454

点赞数 4

分类专栏：前端demo

本文链接：https://blog.csdn.net/xiao_xiao_b/article/details/92802299

版权

先看效果图html部分 <body> <div > <input type="text" value="" placeholder="请输入验证码" id="text" class="input-val"/> <canvas id="canvas" width="106" height="43"></canvas>...

摘要由CSDN通过智能技术生成

先看效果图

在这里插入图片描述

html部分

	<body>
		<div >
			<input type="text" value="" placeholder="请输入验证码" id="text" class="input-val"/>
			<canvas id="canvas" width="106" height="43"></canvas>
		</div>
	</body>

css部分

		<style type="text/css">
			body{
				margin-top: 12.5rem;
				margin-left: 200px;
				text-align: center;
			}
			div{
				width: 300px;
				height: 200px;
			}
			input{
				width: 110px;
				height: 40px;
				border-color: skyblue;
				border-width: 1.5px;
				border-radius: 30px;
				border-style: solid;

最低0.47元/天解锁文章

Ben_小b

关注

4
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
简约大气的JavaScript验证码demo，详细案例带注释，可直接用

先看效果图html部分 <body> <div > <input type="text" value="" placeholder="请输入验证码" id="text" class="input-val"/> <canvas id="canvas" width="106" height="43"></canvas>...
复制链接

扫一扫

专栏目录