明輝手游網(wǎng)中心：是一個免費提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺！

html完成一個容易的注冊頁面（附代碼）

發(fā)表時間：2023-09-07 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]本篇文章給大家?guī)淼膬?nèi)容是關(guān)于html實現(xiàn)一個簡單的注冊頁面（附代碼），有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。1.創(chuàng)建一個html文件2.根據(jù)案例圖片進行設(shè)計3.寫相應(yīng)的html代碼<!DOCTYPE html> <html> <head>...
本篇文章給大家?guī)淼膬?nèi)容是關(guān)于html實現(xiàn)一個簡單的注冊頁面（附代碼），有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

1.創(chuàng)建一個html文件

2.根據(jù)案例圖片進行設(shè)計

2345截圖20180808114516.png

3.寫相應(yīng)的html代碼

<!DOCTYPE html>
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<title >注冊</title>
</head >
<body>
<h2>請注冊</h2>
<form action="hello.html" method="post">
<table width="100%">
<tr>
	<td align="right">注冊郵箱:</td>
	<td><input type="text" name="mail"/></td>
</tr>
	<td>&nbsp </td>
	<td>你可以使用<a href="#">賬號</a>去注冊或者<a href="#">手機號</a>注冊</td>
<tr>
	<td align="right">創(chuàng)建密碼:</td>
	<td><input type="password" name="pwd"/></td>
</tr>
<tr>
	<td align="right">真實姓名:</td>
	<td><input type="text" name="realname"/></td>
</tr>
<tr>
	<td align="right">性別:</td>
	<td><input type="radio" name="sex" value="nv"/>女<input type="radio" name="sex" value="nan"/>男</td>
</tr>
<tr>
	<td align="right">生日:</td>
	<td>
		<select name="year" />
			<option value="1996">1996</option>
			<option value="1996">1997</option>
			<option value="1996">1998</option>
			<option value="1996">1999</option>
		</select>年
		<select name="mounth" />
			<option value="1">1</option>
			<option value="3">3</option>
			<option value="4">4</option>
			<option value="5">5</option>
		</select>月
		<select name="day" />
			<option value="1">1</option>
			<option value="2">2</option>
			<option value="3">3</option>
		</select>日
	</td>
</tr>
<tr>
	<td align="right">職業(yè):</td>
	<td>
		<select name="now" />
			<option value="study">學(xué)生</option>
			<option value="work">工作</option>
		</select>
	</td>
</tr>
</tr>
	<td>&nbsp</td>
	<td><img src="yzm.png"/><a href="#">看不清換一張？</a></td>
<tr>
</tr>
	<td align="right">驗證碼:</td>
	<td><input type="text" name="check"/></td>
<tr>
</tr>
	<td>&nbsp</td>
	<td><input type="image" name="check" src="an.png"/></td>
<tr>
</table >
</form>
</body>
</html>

4.提交到其他界面

點擊立即注冊找好友，就可以提交到其他界面了，我這里是提交到了hello.html

相關(guān)文章推薦：

innerHTML屬性是什么？innerHTML屬性的用法

HTML中更換或添加網(wǎng)站背景圖片的代碼怎么寫？（示例）

以上就是html實現(xiàn)一個簡單的注冊頁面（附代碼）的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護的網(wǎng)站。