2021-05-18

小案例

单身会员注册

<h4>青春不常在，抓紧谈恋爱</h4>

                     <table width="600" border="1">

                            <tr>

                                   <td>姓名:</td>

                                   <td>

                                          <input type="text">

                                   </td>

                            </tr>

                            <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>

                            <tr>

                                   <td>生日:</td>

                                   <td>

                                          <select name="" id="">

                                                 <option value="">--请选择--</option>

                                                 <option value="">2001</option>

                                                 <option value="">2002</option>

                                                 <option value="">2003</option>

                                          </select>

                                          <select name="" id="">

                                                 <option value="">--请选择月份--</option>

                                                 <option value="">1</option>

                                                 <option value="">2</option>

                                                 <option value="">3</option>

</select>

                                          <select name="" id="">

                                                 <option value="">--请选择日期--</option>

                                                 <option value="">1</option>

                                                 <option value="">2</option>

                                                 <option value="">3</option>

                                          </select>

                                   </td>

                            </tr>

                            <tr>

                                   <td>所在地区:</td>

                                   <td><input type="text" value="思密达"></td>

                            </tr>

                            <tr>

                                   <td>婚姻状况:</td>

                                   <td>

                                          <input type="radio" name="marry" checked="checked"> 未婚

                                          <input type="radio" name="marry"> 已婚

                                          <input type="radio" name="marry"> 离婚

                                   </td>

                            </tr>

                            <tr>

                                   <td>学历:</td>

                                   <td>

                                          <input type="radio" name="xueli"> 幼儿园

                                          <input type="radio" name="xueli"> 小学

                                          <input type="radio" name="xueli"> 初中

                                          <input type="radio" name="xueli"> 高中

                                          <input type="radio" name="xueli"> 大学

                                          <input type="radio" name="xueli"> 博士

                                   </td>

                            </tr>

                            <tr>

                                   <td>喜欢的类型:</td>

                                   <td>

                                          <input type="checkbox" name="love"> 可爱的

                                          <input type="checkbox" name="love"> 小鲜肉

                                          <input type="checkbox" name="love"> 大叔型

                                          <input type="checkbox" name="love"> 傻乎乎

                                          <input type="checkbox" name="love"> 老腊肉

                                          <input type="checkbox" name="love"> 幽默的

                                          <input type="checkbox" name="love"> 其他

</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>

                                          <h5>我承诺:</h5>

                                          <ul>

                                                 <li>年满16岁、单身</li>

                                                 <li>抱着严肃的态度</li>

                                                 <li>真诚地寻找另一半</li>

                                                 <li>并且照顾她/他永生永世</li>

                                                 <li>拒绝一切暧昧</li>

                                                 <li>永不背叛</li>

                                                 <li>如有违约,天打五雷轰</li>

                                          </ul>

                                   </td>

                            </tr>

                     </table>

效果:

  

 

哈哈！单身会员表完成。。。。。

 再添加一些css样式就非常完美了，咳咳，时间问题、下次补上

 

 

 

 

 

 

                                   </td>