html之實戰二--用table和form完成註冊介面
阿新 • • 發佈：2019-02-04
<html>
<head>
<meta charset="utf-8" />
<title>第二次實戰--用table和form做出一個漂亮的註冊頁面</title>
</head>
<body>
<!--
本程式缺點：用了很多重複的form標籤
-->
<center><!--可以使表格居中顯示-->
<table border="3" bordercolor="blue" cellspacing="0" callpadding="0">
<tr>
<th colspan="2">資訊註冊介面</th>
</tr>
<tr>
<td>使用者名稱：</td>
<td>
<form>
<input type="text" name="user" />
</form>
</td>
</tr>
<tr>
<td>密碼：</td>
<td>
<form>
<input type="password" name="password" />
</form>
</td>
</tr>
<tr>
<td>確定密碼：</td>
<td>
<form>
<input type="password" name="password" />
</form>
</td>
</tr>
<tr>
<td>性別：</td>
<td>
<form>
<input type="radio" name="sex" value="M" />男
<input type="radio" name="sex" value="F" />女
</form>
</td>
</tr>
<tr>
<td>技術：</td>
<td>
<form>
<input type="checkbox" name="tech" value="Java" />Java
<input type="checkbox" name="tech" value="Html" />Html
<input type="checkbox" name="tech" value="Css" />Css
<input type="checkbox" name="tech" value="SQLServer" />SQLServer
</form>
</td>
</tr>
<tr>
<td>國家：</td>
<td>
<form>
<select name="country">
<option value="none">--選擇國家--</option>
<option value="ch">--中國--</option>
<option value="usa">--美國--</option>
<option value="en">--英國--</option>
</select>
</form>
</td>
</tr>
<tr>
<td colspan="2">
<center><!--使提交按鈕和清除資料按鈕居中-->
<form>
<input type="submit" value="提交資料" /><input type="reset" value="清除資料" />
</form>
</center>
</td>
</tr>
</table>
</center>
</body>
</html>
<head>
<meta charset="utf-8" />
<title>第二次實戰--用table和form做出一個漂亮的註冊頁面</title>
</head>
<body>
<!--
本程式缺點：用了很多重複的form標籤
-->
<center><!--可以使表格居中顯示-->
<table border="3" bordercolor="blue" cellspacing="0" callpadding="0">
<tr>
<th colspan="2">資訊註冊介面</th>
</tr>
<tr>
<td>使用者名稱：</td>
<td>
<form>
<input type="text" name="user" />
</form>
</td>
</tr>
<tr>
<td>密碼：</td>
<td>
<form>
<input type="password" name="password" />
</form>
</td>
</tr>
<tr>
<td>確定密碼：</td>
<td>
<form>
<input type="password" name="password" />
</form>
</td>
</tr>
<tr>
<td>性別：</td>
<td>
<form>
<input type="radio" name="sex" value="M" />男
<input type="radio" name="sex" value="F" />女
</form>
</td>
</tr>
<tr>
<td>技術：</td>
<td>
<form>
<input type="checkbox" name="tech" value="Java" />Java
<input type="checkbox" name="tech" value="Html" />Html
<input type="checkbox" name="tech" value="Css" />Css
<input type="checkbox" name="tech" value="SQLServer" />SQLServer
</form>
</td>
</tr>
<tr>
<td>國家：</td>
<td>
<form>
<select name="country">
<option value="none">--選擇國家--</option>
<option value="ch">--中國--</option>
<option value="usa">--美國--</option>
<option value="en">--英國--</option>
</select>
</form>
</td>
</tr>
<tr>
<td colspan="2">
<center><!--使提交按鈕和清除資料按鈕居中-->
<form>
<input type="submit" value="提交資料" /><input type="reset" value="清除資料" />
</form>
</center>
</td>
</tr>
</table>
</center>
</body>
</html>