首頁  >  文章  >  web前端  >  html實作一個簡單的註冊頁面(附程式碼)

html實作一個簡單的註冊頁面(附程式碼)

不言
不言原創
2018-08-08 11:47:0623901瀏覽

這篇文章帶給大家的內容是關於html實現一個簡單的註冊頁面(附程式碼),有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

1.建立一個html檔案

2.根據案例圖片進行設計

html實作一個簡單的註冊頁面(附程式碼)

#3.寫對應的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">创建密码:</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">职业:</td>
	<td>
		<select name="now" />
			<option value="study">学生</option>
			<option value="work">工作</option>
		</select>
	</td>
</tr>
</tr>
	<td>&nbsp</td>
	<td><img  src="yzm.png"/ alt="html實作一個簡單的註冊頁面(附程式碼)" ><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

相關文章推薦:

innerHTML屬性是什麼? innerHTML屬性的用法

HTML中更換或新增網站背景圖片的程式碼怎麼寫? (範例)

以上是html實作一個簡單的註冊頁面(附程式碼)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn