js会员注册表单验证特效代码下载


js会员注册表单验证特效代码下载
js会员注册表单验证特效代码下载以及会员注册、表单验证等js/jquery网页特效代码下载。

1. 引入CSS

<link rel="stylesheet" href="css/style.css">

2. 引入JS

<script src="js/script.js"></script>

3. HTML代码

<div class="container">
	<div class="header">
		<h2>注册会员</h2>
	</div>
	<form id="form" class="form">
		<div class="form-control">
			<label for="username">用户名</label>
			<input type="text" placeholder="用户名" id="username" />
			<i class="fas fa-check-circle"></i>
			<i class="fas fa-exclamation-circle"></i>
			<small>Error message</small>
		</div>
		<div class="form-control">
			<label for="username">邮箱</label>
			<input type="email" placeholder="请输有效入邮箱" id="email" />
			<i class="fas fa-check-circle"></i>
			<i class="fas fa-exclamation-circle"></i>
			<small>Error message</small>
		</div>
		<div class="form-control">
			<label for="username">密码</label>
			<input type="password" placeholder="密码" id="password">
			<i class="fas fa-check-circle"></i>
			<i class="fas fa-exclamation-circle"></i>
			<small>Error message</small>
		</div>
		<div class="form-control">
			<label for="username">确认密码</label>
			<input type="password" placeholder="确认密码" id="password2">
			<i class="fas fa-check-circle"></i>
			<i class="fas fa-exclamation-circle"></i>
			<small>Error message</small>
		</div>
		<button>提交</button>
	</form>
</div>

相关推荐

发表评论

相关文章