html5--form-table仿QQ注冊頁面


<!DOCTYPE html>
<html>
<head>
<title>用table制作qq登錄頁面</title>
<meta charset="utf-8">
</head>
<body background="bg.jpg" topmargin="10" leftmargin="250">

<form>
<table width="800" height="600" border="0" cellpadding="5" cellspacing="5">

<tr align="left"><td colspan="3">|注冊賬號</td></tr>

<tr height="10" bgcolor="black"><td colspan="3"></td></tr>

<tr>
<td width="20%" align="right"><lable for="name">注冊</lable></td>
<td width="60%"><input id="name" type="text" placeholder="輸入昵稱" style="width:100%;"></td>
<td><span>昵稱不可以為空</span></td>
</tr>

<tr>
<td align="right"><lable for="password">密碼</lable></td>
<td><input id="password" type="password" placeholder="輸入密碼" style="width:100%"></td>
<td><span>必須包含特殊字符</span></td>
</tr>

<tr>
<td align="right"><lable for="okps">確認密碼</lable></td>
<td><input id="okps" type="password" placeholder="再次輸入密碼" style="width:100%"></td>
<td><span>密碼要一致<span></td>
</tr>

<tr>
<td align="right"><lable for="man">性別</lable></td>
<td><input id="man" name="sex" type="radio">男<input type="radio" name="sex">女</td>
<td></td>
</tr>

<tr>
<td align="right">生日</td>
<td>
<select><option>1988年</option><option>1987年</option><option>1986年</option></select>
<select><option>12月</option><option>11月</option><option>10月</option></select>
<select><option>11d</option><option>12d</option><option>13d</option></select>
</td>
<td></td>
</tr>

<tr>
<td align="right">所在地</td>
<td>
<select><option>山東</option><option>北京</option></select>
<select><option>淄博</option><option>海淀</option></select>
</td>
<td></td>
</tr>

<tr>
<td align="right">手機號</td>
<td><input type="tel" placeholder="輸入手機號碼" style="width:100%;"></td>
<td></td>
</tr>

<tr>
<td></td>
<td>
<font size="1">
<p>可通過手機號碼快速找回密碼<br>
中國大陸地區以外手機點這里&nbsp&nbsp&nbsp<a href="https://www.baidu.com">點擊這里</a></p>
</font>
</td>
<td></td>
</tr>

<tr>
<td></td>
<td>
<input type="text" style="width:60%;"><input type="button" value="獲取驗證碼" style="width:39%">
</td>
<td></td>
</tr>

<tr>
<td></td>
<td><input type="submit" value="立即注冊" style="width:100%;"></td>
<td></td>
</tr>

<tr>
<td></td>
<td>
<font size="1">
<input type="checkbox" name="accept">同時開通qq空間<br>
<input type="checkbox" name="accept">我已經閱讀相關條款
</font>
</td>
<td></td>
</tr>

</table>
</form>

</body>
</html>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM