實作功能:簡單的相親網站：
清楚不常在，抓緊談戀愛
我承諾
- 年滿十八歲
- 單身
- 抱著嚴肅態度
- 尋找真誠的另一半
| 性別： | |
| 生日： | |
| 所在區域 | |
| 婚姻狀況 | |
| 學歷 | |
| 喜歡的型別 | 嫵媚的 可愛的 小鮮肉 老臘肉 都喜歡 |
| 自我介紹 | |
| 我同意注冊條款和會員 | |
| 我是會員立即登錄 |
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Document</title> 7 </head> 8 <body> 9 <h4>清楚不常在，抓緊談戀愛</h4> 10 <table> 11 <!-- 第一行 --> 12 <tr> 13 <td>性別：</td><br /> 14 <td><input type="radio" id="nan" name="sex"> <label for="nan">男</label> 15 <input type="radio" id="nv" name="sex"> <label for="nv">女</label> 16 </td><br> 17 </tr> 18 <!-- 第二行 --> 19 <tr> 20 <td> 21 生日： 22 </td> 23 <td> 24 <select> 25 <option checked="checked">--請選擇年--</option> 26 <option>2019</option> 27 <option>2020</option> 28 <option>2021</option> 29 </select> 30 31 <select> 32 <option checked="checked">--請選擇月--</option> 33 <option>1</option> 34 <option>2</option> 35 <option>3</option> 36 </select> 37 38 <select> 39 <option checked="checked">--請選擇日--</option> 40 <option>1</option> 41 <option>2</option> 42 <option>3</option> 43 </select> 44 45 </td> 46 </tr> 47 <!-- 第三行 --> 48 <tr> 49 <td>所在區域</td> 50 <td> 51 <input type="text" value="北京思密達"> 52 </td> 53 </tr> 54 <!-- 第四行 --> 55 <tr> 56 <td>婚姻狀況</td> 57 <td> 58 <input type="radio" id="weihun" name="hunyin"><label for="weihun">未婚</label> 59 <input type="radio" name="hunyin"> <label>已婚</label> 60 <input type="radio" name="hunyin" checked="checked"> <label>離婚</label> 61 </td> 62 </tr> 63 <!-- 學歷 --> 64 <tr> 65 <td>學歷</td> 66 <td><input type="text" value="博士后"></td> 67 </tr> 68 <!-- 喜歡的型別 --> 69 <tr> 70 <td>喜歡的型別</td> 71 <td> 72 <input type="checkbox" name="xingge">嫵媚的 73 <input type="checkbox" name="xingge">可愛的 74 <input type="checkbox" name="xingge">小鮮肉 75 <input type="checkbox" name="xingge">老臘肉 76 <input type="checkbox" name="xingge">都喜歡 77 </td> 78 </tr> 79 <!-- 自我介紹 --> 80 <tr> 81 <td>自我介紹</td> 82 <td><textarea>個人簡介</textarea></td> 83 </tr> 84 <!-- 免費注冊 --> 85 <tr> 86 <td></td> 87 <td><input type="submit" value="免費注冊"></td> 88 </tr> 89 <!-- checkbox --> 90 <tr> 91 <td> 92 <td><input type="checkbox">我同意注冊條款和會員</td> 93 </tr> 94 <tr> 95 <td></td> 96 <td><a href="#">我是會員立即登錄</a></td> 97 </tr> 98 <td></td> 99 <td> 100 <h5>我承諾</h5> 101 <ul> 102 <li>年滿十八歲</li> 103 <li>單身</li> 104 <li>抱著嚴肅態度</li> 105 <li>尋找真誠的另一半</li> 106 107 </ul> 108 </td> 109 </tr> 110 </table> 111 </body> 112 </html>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/34080.html
標籤：Html/Css
上一篇：HTML表單標簽
下一篇：CSS基礎選擇器總結