HTML 使用表單標(biāo)簽實(shí)現(xiàn)注冊(cè)頁(yè)面的實(shí)例代碼

2018-12-03 12:53:00 來(lái)源：互聯(lián)網(wǎng)作者：佚名人氣：次閱讀 308 條評(píng)論

文章主要介紹了HTML 使用表單標(biāo)簽實(shí)現(xiàn)注冊(cè)頁(yè)面的實(shí)例代碼,需要的朋友可以參考下案例說(shuō)明：　　　- 使用表格實(shí)現(xiàn)頁(yè)面效果
- 超鏈接不想要有效果，使用href="#"
- 如果表格里面的...

文章主要介紹了HTML 使用表單標(biāo)簽實(shí)現(xiàn)注冊(cè)頁(yè)面的實(shí)例代碼,需要的朋友可以參考下

案例說(shuō)明：　　　

- 使用表格實(shí)現(xiàn)頁(yè)面效果
- 超鏈接不想要有效果，使用href="#"
- 如果表格里面的單元格沒(méi)有內(nèi)容，使用空格作為占位符  
- 使用圖片標(biāo)簽提交表單 <input type="image" src="圖片的路徑"/>

完整代碼：

<html>
<head>
<title>World</title>
</head>
<body>
<form action="01-hello.html" method="post">
<h3 align="center">歡迎登錄此頁(yè)面！</h3>
<table width="100%">
<tr>
<td align="right">注冊(cè)郵箱：</td>
<td><input type="text" name="regit"/></td>
</tr>
<tr>
<td> </td>
<td>您還可以使用<a href="#">手機(jī)號(hào)</a>注冊(cè)或者使用<a href="#">賬號(hào)</a>注冊(cè)</td>
</tr>
<tr>
<td align="right">創(chuàng)建密碼：</td>
<td><input type="password" name="pwd"/></td>
</tr>
<tr>
<td align="right">真實(shí)姓名：</td>
<td><input type="text" name="realname"/></td>
</tr>
<tr>
<td align="right">性別：</td>
<td>
<input type="radio" name="sex" value="famale"/>女
<input type="radio" name="sex" value="male"/>男
</td>
</tr>
<tr>
<td align="right">生日：</td>
<td>
<select name"year">
<option value="1997"/>1997
<option value="1998"/>1998
<option value="1999"/>1999
</select>年
<select name"month">
<option value="01"/>01
<option value="02"/>02
<option value="03" selected="selected"/>03
</select>月
<select name"day">
<option value="20"/>20
<option value="21"/>21
<option value="22"/>22
</select>日
</td>
</tr>
<tr>
<td align="right">我現(xiàn)在：</td>
<td>
<select name"now">
<option value="study"/>正在上學(xué)
<option value="1998"/>已經(jīng)工作
</select>
</td>
</tr>
<tr>
<td> </td>
<td><img src="images/verycode.png"/><a href="#">看不清換一張？</a></td>
</tr>
<tr>
<td> </td>
<td><input type="image" src="images/btn.png"></td>
</tr>
</table>
</form>
</body>
</html>