jQuery官網用戶注冊表單代碼



119 472 158



特效描述:jQuery官網 用戶注冊 表單代碼,jQuery官網用戶注冊表單代碼

代碼結構

1. 引入CSS

<link rel="stylesheet" type="text/css" href="css/index.css">

2. 引入JS

<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>

3. HTML代碼

	<div class="content">
		<form id="#mainForm1" class="mainForm mainForm1">
			<div class="number">
				<a href="##" class="linkABlue">手機號碼注冊</a>
				<span></span>
				<a href="##" class="linkAGray number1">賬戶名注冊</a>
			</div>
			<div class="normalInput">
				<input type="text" class="phone" maxlength="11" placeholder="手機號碼">	
			</div>
			<span class="error error1"></span>
			<div class="normalInput">
				<input type="text" class="kapkey" maxlength="6" placeholder="驗證碼">
				<span class="formLine"></span>
				<a href="##" id="getKey" class="linkABlue">獲取驗證碼</a>
			</div>
			<span class="error error2"></span>
			<div class="normalInput">
				<input type="text" class="password" maxlength="16" autocomplete="off" placeholder="密碼">
				<input type="password" class="password1" maxlength="16" autocomplete="off" placeholder="密碼">
				<a id="pwdBtn" href="##" class="pwdBtnShow" isshow="false">
					<i class="i_icon"></i>
				</a>
			</div>
			<span class="error error3"></span>
			<div class="rememberField">
				<span class="checkboxPic check_chk" tabindex="-1" isshow="false">
					<i class="i_icon"></i>
				</span>
				<label class="pointer">我已閱讀并接受</label>
				<a href="#" target="_blank" class="linkABlue">《Flyme服務協議條款》</a>
			</div>
			<span class="otherError">請確認已閱讀并同意Flyme服務協議條款</span>
			<a href="##" class="fullBtnBlue">注冊</a>
		</form>
		<form id="#mainForm2" class="mainForm mainForm2">
			<div class="number">
				<a href="##" class="linkABlue2 number2">手機號碼注冊</a>
				<span></span>
				<a href="##" class="linkAGray2">賬戶名注冊</a>
			</div>
			<div class="normalInput">
				<input type="text" class="username" maxlength="32" placeholder="賬戶名" autocomplete="off">	
				<span class="grayTip">@flyme.cn</span>
			</div>
			<span class="error error1"></span>		
			<div class="normalInput">
				<input type="text" class="passwordN" maxlength="16" autocomplete="off" placeholder="密碼">
				<input type="password" class="password1N" maxlength="16" autocomplete="off" placeholder="密碼">
				<a id="pwdBtnN" href="##" class="pwdBtnShowN" isshow="false">
					<i class="i_icon"></i>
				</a>
			</div>
			<span class="error error3"></span>
			<div class="normalInput">
				<input type="text" class="email" maxlength="32" placeholder="安全郵箱" autocomplete="off">
			</div>
			<span class="error error2"></span>
			<div class="rememberField">
				<span class="checkboxPic check_chk" tabindex="-1" isshow="false">
					<i class="i_icon"></i>
				</span>
				<label class="pointer">我已閱讀并接受</label>
				<a href="http://www.vxisgr.tw//ServiceAgreement.jsp" target="_blank" class="linkABlue">《Flyme服務協議條款》</a>
			</div>
			<span class="otherError">請確認已閱讀并同意Flyme服務協議條款</span>
			<a href="##" class="fullBtnBlue">注冊</a>
		</form>
	</div>
	</div>
	<ul class="bRadius2 mail">
		<li data-mail="@qq.com" class="item item1">@qq.com</li>
		<li data-mail="@sina.com" class="item item2">@sina.com</li>
		<li data-mail="@126.com" class="item item3">@126.com</li>
		<li data-mail="@163.com" class="item item4">@163.com</li>
		<li data-mail="@gmail.com" class="item item5">@gmail.com</li>
	</ul>
	<div id="mz_Float">
		<div class="mz_FloatBox">
			<div class="mz3AngleL">
				<i class="i_icon"></i>
			</div>
			<div class="mzFloatTip bRadius2">長度為8-16個字符,區分大小寫,至少包含兩種類型</div>
		</div>
	</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 滾動切換 滾動條切換 滑動選項卡 滑動切換 選項卡切換 選項卡 切換 tab切換 頁面切換 選項卡插件 切換插件 滑動手風琴 切換按鈕 表單 表單美化 表單插件 表單美化插件 文本框 text文本框 手風琴 水平手風琴 垂直手風琴 圖片手風琴 文字手風琴 手風琴插件 單選框 單選按鈕 注冊框 驗證碼 表單驗證 表單驗證插件
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

湖北30选5开奖结果走势图表