html_5_小作业2_世纪佳缘注册页面
生活随笔
收集整理的這篇文章主要介紹了
html_5_小作业2_世纪佳缘注册页面
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
文章目錄
- 要求
- 效果
- 代碼
要求
效果
源碼：
鏈接：https://pan.baidu.com/s/1Cnf2koBFo4I4CCW4RTQ_4A
提取碼：ouzc
代碼
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title> </head> <body><table align="left"><th>青春不常在，抓緊談戀愛</th><tbody> <tr><td>性別</td><td><input type="radio" name="gender" id="man"><label for="man"><img src="man.jpg" alt="man">男</label><input type="radio" name="gender" id="women"><label for="women"><img src="women.jpg" alt="women">女</label></td> </tr><tr><td>生日</td><td><select><option>year</option><option>2010</option><option>2015</option><option>2020</option></select><select><option>month</option><option>1</option><option>6</option><option>11</option></select><select><option>day</option><option>10</option><option>20</option><option>30</option></select></td></tr><tr><td>所在地</td><td><select><option>中國</option><option>韓國</option><option>日本</option></select></td></tr><tr><td>婚姻狀況</td><td><input type="radio" name="marital">未婚<input type="radio" name="marital">離婚<input type="radio" name="marital">已婚</td></tr><tr><td>學歷</td><td><select><option>幼兒園</option><option>高中</option><option>碩士</option></select></td></tr><tr><td>喜歡的類型</td><td><input type="checkbox" id="like">可愛的<input type="checkbox" id="like">小鮮肉<input type="checkbox" id="like">都喜歡</td></tr><tr><td>自我介紹</td><td><textarea name="introduce" cols="30" rows="5">自我介紹</textarea></td></tr><tr><td></td><td><input type="submit" value="免費注冊"></td></tr><tr><td></td><td><input type="radio">我同意注冊條款和會員加入標準</td></tr><tr><td></td><td><a href="#">我是會員，立即登錄</a></td></tr><tr><td></td><td><dl><dt><h3>我承諾</h3></dt><dd>年滿十八歲</dd><dd>抱著嚴肅的態度</dd><dd>真誠尋找另一半</dd></dl></td></tr></tbody></table> </body> </html>總結
以上是生活随笔為你收集整理的html_5_小作业2_世纪佳缘注册页面的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： html_5_小作业1_超链接练习
- 下一篇： 4.6 Kaggle房价预测