1. 程式人生 > >學習筆記之05表格嵌套2(表單)

學習筆記之05表格嵌套2(表單)

html 登錄 res cells htm bgcolor www radi charset

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>

<body>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="52%" height="32" bgcolor="#FF9966">&nbsp;</td>
<td width="10%" bgcolor="#FF9966">管理中心</td>
<td width="10%" bgcolor="#FF9966">搜索會員</td>
<td width="10%" bgcolor="#FF9966">修改資料</td>
<td width="10%" bgcolor="#FF9966">空間信息</td>
<td width="10%" bgcolor="#FF9966">幫助中心</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="21%" height="345"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="50">會員中心</td>
</tr>
<tr>
<td height="50">會員優惠與註冊方式</td>
</tr>
<tr>
<td height="30">如何註冊為一站通會員?</td>
</tr>
<tr>
<td height="30">一站通會員積分獲得方式?</td>
</tr>
<tr>
<td height="30">一站通會員卡使用及保存方式?</td>
</tr>
<tr>
<td height="30">一站通通全站,方便使用!</td>
</tr>
<tr>
<td height="30">一站通會員中心各功能使用方法</td>
</tr>
<tr>
<td height="30">如何找回密碼?</td>
</tr>
<tr>
<td height="30">如何查詢個人信息?</td>
</tr>
<tr>
<td height="30">會員卡使用及保存?</td>
</tr>
</table></td>
<td width="79%" rowspan="2">
<table width="900" border="1" cellspacing="0" cellpadding="0" bordercolor="#999999">
<tr>
<td height="150" colspan="2" valign="bottom" ><font size="+3" color="#999999">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;會員信息註冊</font></td>
</tr>
<tr>
<td width="195" height="50" align="right">登錄用戶名:</td>
<td width="699" align="left"><input type="text" name="yhm1">*[檢查是否已被占用]</td>
</tr>
<tr>
<td height="50" align="right">登錄密碼:</td>
<td height="50"><input type="password" name="mm1">*&nbsp;確認密碼:<input type="password" name="mm1"></td>
</tr>
<tr>
<td height="50" align="right">你的Email:</td>
<td height="50"><input type="text" name="email">*</td>
</tr>
<tr>
<td height="50" align="right">你的網上昵稱:</td>
<td height="50"><input type="text" name="nc" />*&nbsp;&nbsp;性別:<input type="radio" name="xingbei" />男<input type="radio" name="xingbei" />女</td>
</tr>
<tr>
<td height="50" align="right">驗證碼:</td>
<td height="50"><input type="text" name="nc">*</td>
</tr>
<tr align="right">
<td colspan="2">&nbsp;</td>
</tr>
<tr>
<td height="50" align="right">你的生日:</td>
<td height="50"><input type="text" name="sr1" />年<input type="text" name="sr2" />月<input type="text" name="sr3" />日</td>
</tr>
<tr>
<td height="50" align="right">你的體型:</td>
<td height="50">
<select name="tx">
<option>勻稱</option>
<option>偏胖</option>
<option>偏瘦</option>
</select>
身高:<input type="text" name="sg" />厘米
</td>
</tr>
<tr>
<td height="50" align="right">你的職業:</td>
<td height="50">:<input type="radio" name="xs" />學生<input type="radio" name="zy" />職員<input type="radio" name="bl" />白領<input type="radio" name="syz" />失業中</td>
</tr>
<tr>
<td height="50" align="right">你所在的地區:</td>
<td height="50">
<select name="dq">
<option>沿海</option>
<option>內陸</option>
<option>中西部</option>
</select>城市:
<select name="cs">
<option>一線城市</option>
<option>二線城市</option>
<option>三線城市</option>
</select>

</td>
</tr>
<tr>
<td height="50" align="right">自我介紹:</td>
<td height="50">[少於125中文字]</td>
</tr>
<tr>
<td height="80" align="right">&nbsp;</td>
<td height="80"><textarea name="wby" style="width:500px; height:100px;"></textarea></td>
</tr>
<tr>
<td height="50" align="right">個人主頁:</td>
<td height="50"><input type="text" name="grzy" /></td>
</tr>
</table></td>
</tr>
<tr>
<td height="300">&nbsp;</td>
</tr>
</table>

<center><input type="submit" value="提交">&nbsp;&nbsp;&nbsp;<input type="reset" value="重置"></center>

</body>
</html>

學習筆記之05表格嵌套2(表單)