先看看效果吧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>