使用HTML程式碼完成效果圖，完成www.163.com賬號註冊頁面（不要求做css樣式，原生的HTML就好）

遅咲きの向日葵發表於2020-11-25
HTMLCSS

使用HTML程式碼完成效果圖，完成www.163.com賬號註冊頁面（不要求做css樣式，原生的HTML就好）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1 align="center">
			
			<font size="90px" face="新宋體">註冊頁面</font>
			
		</h1>
		
		<hr width="100%" size="10px" color="darkgrey"/>
		<form>
			
			<p align="center">
			
				<font face="宋體" size="5"><b>使用者名稱：</b></font>
				<input type="text" value="zhangsan" />
			</p>
			<p align="center" class="a">
				<font face="宋體" size="5"><b>密碼：</b>&nbsp;</font>
				<input type="password" maxlength="6" minlength="4" />
			</p>
			<p align="center">
				<font face="宋體" size="5"><b>手機號：</b></font>
				<input type="number" maxlength="11" minlength="11" />
				
			</p>
			<p align="center">
				<font face="宋體" size="5"><b>郵箱：</b>&nbsp;</font>
				<input type="email" />
			</p>
			<p align="center">
				<font face="宋體" size="5"><b>性別：</b>&nbsp;</font>
				<font face="宋體" size="3"><b>男:</b></font>
				<input type="radio" name="sex" checked="checked"/>
				<font face="宋體" size="3"><b>女:</b></font>
				<input type="radio" name="sex" />
				
			</p>
			<p align="center">
				<font face="宋體" size="5"><b>愛好：</b></font>
				<input type="checkbox" /><font face="宋體"><b>唱歌</b></font>
				<input type="checkbox" /><font face="宋體"><b>睡覺</b></font>
				<input type="checkbox" /><font face="宋體"><b>LOL</b></font><br />
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<input type="checkbox" /><font face="宋體"><b>旅遊</b></font>
				<input type="checkbox" /><font face="宋體"><b>高爾夫</b></font>
				<input type="checkbox" /><font face="宋體"><b>籃球</b></font>
			</p>
			<p align="center" >
				<font face="宋體" size="5"><b>籍貫：</b></font>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<select >
					<option>--請選擇--</option>
					<option>黑龍江</option>
					<option >吉林</option>
					<option >遼寧</option>
					<option >山東</option>
					<option >海南</option>
					<option >上海</option>
				</select>
			</p>
			<p align="center" >
				<font face="宋體" size="5"><b>個人介紹：</b></font>			
				<textarea rows="10" cols="30"></textarea>
			</p>
			
			<p align="center">
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<input type="checkbox" /><font face="宋體"><b>是否同意本公司協議</b></font>
			</p>
			<p align="center">
				<input type="submit" value="註冊" />
			</p>
			
		</form>
		
		
	
	</body>
</html>

效果圖

在這裡插入圖片描述

相關文章