如圖，怎么 把輸入框后面的資訊放在輸入框的下面
js代碼如下：
$(function(){
$('#form1').validate({
rules:{
username:'required',
password:{
required:true,
digits:true,
range:[6,12]
},
repassword:{
required:true,
equalTo:"[name='password']",
range:[6,12]
},
email:'email'
},
messages:{
username:"用戶名不能為空",
password:{
required:"密碼不能為空",
digits:"密碼必須是數字",
range:"密碼長度6-12位之間"
},
repassword:{
required:"請確認密碼",
equalTo:"兩次輸入密碼不一致",
range:"密碼長度6-12位之間"
}
}
})
})
表單代碼：
<form action="#" id="form1" method="get">
<div class="txt txt0">
<span style="float:left">短信驗證碼:</span>
<input name="" type="text" placeholder="請輸入短信驗證碼" class="txtyzmdx"/>
<a href="javascript:;" class="tipTimer" onClick="settime(this)">獲取到短信驗證碼</a>
</div>
<div class="txt txt0">
<span style="letter-spacing:8px;">用戶名:</span>
<input name="username" type="text" class="txtphone" placeholder="請輸入用戶名"/>
</div>
<div class="txt txt0">
<span style="letter-spacing:4px;">登錄密碼:</span>
<input name="password" type="password" class="txtphone" placeholder="請輸入密碼"/>
</div>
<div class="txt txt0">
<span style="letter-spacing:4px;">重復密碼:</span>
<input name="repassword" type="password" class="txtphone" placeholder="請再次輸入密碼"/>
</div>
<div class="txt txt0">
<a href="https://bbs.csdn.net/topics/Register.jsp"><span style=" float:left;color:#31acfb"><回傳上一步</span></a>
<!-- <a href="https://bbs.csdn.net/topics/RegisterSucc.jsp"><div class="zhucebtn">確認注冊</div></a> -->
<input type="submit" class="zhucebtn" value="https://bbs.csdn.net/topics/確認注冊" />
</div>
</form
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/59691.html
標籤：HTML5
上一篇：內建物件總結(陣列Array_日期Date_Math物件等)
下一篇：求大佬解決下寫油猴腳本遇到的問題