jquery实现4位数密码框输入显示隐藏效果代码

代码语言:html

所属分类:表单美化

代码描述:jquery实现4位数密码框输入显示隐藏效果代码

代码标签: jquery 密码框 输入 隐藏

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/solid.5.3.1.css">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/fontawesome.5.3.1.css">
    <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Nunito:900'>
    <style>
        * {
	outline:none;
}
html,body {
	height:100%;
	min-height:100%;
}

#app-cover {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	width:350px;
	margin:0 auto;
	margin-top:-40px;
}
#cover {
	position:relative;
	height:80px;
	background-color:#25bf2b;
	border-radius:120px;
	box-shadow:0 10px 40px #208a23;
	overflow:hidden;
}
#key-icon,#key-cover,#key-.........完整代码请登录后点击上方下载按钮下载查看

网友评论0