HTML，世纪佳缘注册页面代码
生活随笔
收集整理的這篇文章主要介紹了
HTML，世纪佳缘注册页面代码
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
原型效果如圖：
實際瀏覽器效果：
代碼如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>注冊頁面</title>
</head>
<body>
<h3>青春不常在，抓緊談戀愛</h3>
<table width="600" border="1">
<!-- 第一行 -->
<tr>
<td>性別:</td>
<td>
<input type="radio" name="sex" id="nan"><label for="nan">男</label>
<input type="radio" name="sex" id="nv"><label for="nv">女</label>
</td>
</tr>
<!-- 第2行 -->
<tr>
<td>生日</td>
<td>
<select name="" id="">
<option value="">請選擇年份</option>
<option value="">1997</option>
<option value="">1998</option>
<option value="">1999</option>
</select>
</td>
<td>
<select name="" id="">
<option value="">請選擇月份</option>
<option value="">1</option>
<option value="">2</option>
<option value="">3</option>
</select>
</td>
<td>
<select name="" id="">
<option value="">請選擇日期</option>
<option value="">1</option>
<option value="">2</option>
<option value="">3</option>
</select>
</td>
</tr>
<!-- 第3行 -->
<tr>
<td>所在地區</td>
<td>
<input type="text" value="杭州">
</td>
</tr>
<!-- 第4行 -->
<tr>
<td>婚姻狀況</td>
<td>
<input type="radio" name="marry" id="weihun"> <label for="weihun">未婚</label> <input type="radio"
name="marry" id="weihun" checked="checked"><label for="weihun">已婚</label>
</td>
</tr>
<!-- 第5行 -->
<tr>
<td>學歷</td>
<td>
<input type="text" value="本科">
</td>
</tr>
<!-- 第6行 -->
<tr>
<td>喜歡的內型</td>
<td>
<input type="checkbox" name="love">漂亮
<input type="checkbox" name="love">戴眼鏡
<input type="checkbox" name="love">文靜
<input type="checkbox" name="love" checked="checked">都喜歡
</td>
</tr>
<!-- 第7行 -->
<tr>
<td>個人介紹</td>
<td>
<textarea >個人簡介</textarea>
</td>
</tr>
<!-- 第8行 -->
<tr>
<td></td>
<td>
<input type="submit" value="免費注冊">
</td>
</tr>
<tr>
<td></td>
<td>
<input type="checkbox" checked="checked"> 我同意註冊條款
</td>
</tr>
<tr>
<td></td>
<td>
<a href="#">我已註冊，立即登錄</a>
</td>
</tr>
<!-- 第9行 -->
<tr>
<td></td>
<td>
<h5>我承若</h5>
<ul>
<li>年滿18周歲</li>
<li>報著嚴肅態度</li>
<li>尋找另一半</li>
</ul>
</td>
</tr>
</table>
</body>
</html>
總結
以上是生活随笔為你收集整理的HTML，世纪佳缘注册页面代码的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： python3（十二）打开和关闭文件
- 下一篇： 荷兰国旗问题