html+css開(kāi)發(fā)用戶(hù)注冊(cè)頁(yè)面

發(fā)布時(shí)間：2020-06-24 16:32:15 來(lái)源：網(wǎng)絡(luò) 閱讀：916 作者：yht_1990 欄目：開(kāi)發(fā)技術(shù)

需求：

用html+css開(kāi)發(fā)用戶(hù)注冊(cè)頁(yè)

代碼展示：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"
 <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>注冊(cè)頁(yè)面</title>
	</head>
	<body>
		<div >
			<div >
				
				<div style="background-p_w_picpath: url(img/gw.png);height: 70px;width: 100px;
					background-position: 0px 0px;background-repeat: no-repeat;margin-top: 10px;
					margin-left: 310px;"></div>	
				<div ></div>
				
			</div>
			
			<div >
				<div ></div>

				<div >
					<h3>歡迎注冊(cè)</h3>
				</div>		
			</div>
			
			
			<div >
				<div >已有賬號(hào)</div>
				<div >請(qǐng)登陸</div>
			</div>
		</div>
		
		<div ></div>
		
		
		<div >
			<div style='height: 750px;width: 690px;float: left;'>

				<div >
					
					<label for="name1" >
				 		用   戶(hù)   名 <input id="name1" type="text" maxlength="10" >
				 	</label>
					
				</div>
				
				<div >

					<label for="name2" >
				 		設(shè)置密碼 <input id="name2" type="password" maxlength="20" >
				 	</label>
				 	
					
				</div>
				
				<div >
					
					<label for="name3" >
				 		確認(rèn)密碼 <input id="name3" type="password" maxlength="20" >
				 	</label>
					
				</div>
				
				<div >
					
					<label for="name4" >
		
						<select >
				        	<option value="1">臺(tái)灣 +86</option>
				        	<option value="2">香港 +852</option>
				        	<option value="2">馬來(lái)西亞 +60</option>
				        	<option value="2">新加坡 +65</option>
				        	<option value="2">韓國(guó) +82</option>
				        	<option value="2">美國(guó) +1</option>
				        	<option value="2">澳門(mén) +853</option>
				        	<option value="3" selected="selected">中國(guó) +86</option>    
			        	</select>

						<input id="name4" type="password" maxlength="20" >
				 	</label>
					
				</div>
				
				
				<div >
					
					<label for="name5" >
				 		驗(yàn)   證   碼 <input id="name5" type="text" maxlength="10" >
				 	</label>
					
				</div>				
				
				
				<div >
					<div >
						<label for="name6" >
				 			手機(jī)驗(yàn)證碼 <input id="name6" type="text" maxlength="10" >
				 		</label>
						
					</div>
					<div >&nbsp;獲取驗(yàn)證碼</div>
					
				</div>
				
				
				<div >
					<div >
						<input type="radio">&nbsp;我已閱讀并同意<今冬用戶(hù)注冊(cè)協(xié)議>
					</div>
					<div >
						<button type="submit" style="margin-top: 22px;height: 57px;
							width: 350px;font-size: 27px;background: red;cursor: pointer">立刻注冊(cè)</button>
					</div>
				</div>	
			</div>
			
			 
			<div style='float: right;height: 750px;width: 580px;'>
				<div ></div>
				
				<div >
					<div style="background-p_w_picpath: url(img/1.png);
					margin-top: 100px;
					height: 200px;
					background-repeat: no-repeat;
					background-position: -0px -53px;">
				</div>	
		
		        <div >
					<div style="background-p_w_picpath: url(img/2.png);
						cursor: pointer;
						margin-top: 60px;
						height: 158px;
						background-repeat: no-repeat;
						background-position: -5px -12px;">
					</div>
						
					
				</div>	
				
					
			    </div>
			</div>
			

		</div>		
		

		<div style='height: 123px;margin-top: 50px;'> 
			
			<div ></div>
			<div >
				關(guān)于我們&nbsp;|&nbsp;聯(lián)系我們&nbsp;|&nbsp;人才招聘&nbsp;|&nbsp;商家入駐&nbsp;|&nbsp;廣告服務(wù)&nbsp;|&nbsp;友情鏈接|&nbsp;|&nbsp;銷(xiāo)售聯(lián)盟&nbsp;|&nbsp;English Site
			</div>
			<div >
				Wsyht90t2004-2016  今冬wsyht90.com 版權(quán)所有
			</div>
		</div>
	</body>
</html>

我的頁(yè)面展示

html+css開(kāi)發(fā)用戶(hù)注冊(cè)頁(yè)面

向AI問(wèn)一下細(xì)節(jié)

html+css開(kāi)發(fā)用戶(hù)注冊(cè)頁(yè)面

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽