先看看效果吧html
直接上代碼吧,我相信你能看懂,若是看不懂能夠參考這篇文章https://blog.csdn.net/HeZhiYing_/article/details/99535269ide
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>註冊頁面</title> </head> <body> <h4>青春不常在,抓緊談戀愛</h4> <table width="500px"> <tr> <td>性別</td> <td> <input type="radio" name="sex" id="nan"><label for="nan">男</label> <input type="radio" name="sex">女 </td> </tr> <tr> <td>生日</td> <td> <select> <option>--請選擇年--</option> <option>1997</option> <option>1998</option> <option>1999</option> <option>2000</option> </select> <select> <option>--請選擇月--</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option> <option>11</option> <option>12</option> </select> </td> </tr> <tr> <td>所在地區</td> <td> <input type="text" value="河南"> </td> </tr> <tr> <td>婚姻情況</td> <td> <input type="radio" name="a" value="未婚" checked="checked">未婚 <input type="radio" name="a" value="已婚">已婚 <input type="radio" name="a" value="離婚">離婚 </td> </tr> <tr> <td>學歷</td> <td> <input type="text" value="本科"> </td> </tr> <tr> <td>喜歡的類型</td> <td> <input type="checkbox" name="love" value="嫵媚">嫵媚 <input type="checkbox" name="love" value="可愛">可愛 </td> </tr> <tr> <td>自我介紹</td> <td> <textarea>我的簡介</textarea> </td> </tr> <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> <tr> <td></td> <td> <h4>我承諾</h4> <ul> <li>年滿18歲</li> <li>抱着嚴肅的態度</li> <li>真誠尋找另外一半</li> </ul> </td> </tr> </table> </body> </html>