综合案例-注册页面 

<!DOCTYPE html>
<html>
    <head> 
        <title>综合案例-注册页面</title>
    </head>
    <body>
        <h4>青春不常在，抓紧谈恋爱</h4>
        <table width="500">
            <tr>
                <td>性别：</td>
                <td>
                    <input type="radio" name="sex" id="nan"><label for="nan""><img src="#">男</label>
                    <input type="radio" name="sex" id="nv"><label for="nv"><img src="#">女</label>
                </td>
            </tr>
            <tr>
                <td>生日：</td>
                <td> 
                    <select>
                        <option>--请选择年份--</option>
                        <option>2001</option>
                        <option>2000</option>
                        <option>1999</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>
                    <select>
                        <option>--请选择日子--</option>
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>所在地区</td>
                <td>
                    <select>
                        <option>北京</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>婚姻状况</td>
                <td>
                    <input type="radio" name="marry" id="nomarr"> <label for="nomarr">未婚</label>
                    <input type="radio" name="marry" id="married"><label for="married">已婚</label>
                    <input type="radio" name="marry" id=nmarry><label for="nmarry">离婚</label>
                </td>
            </tr>
            <tr>
                <td>学历</td>
                <td>
                    <input type="text" value="本科">
                </td>
            </tr>
            <tr>
                <td>喜欢的类型</td>
                <td>
                    <input type="checkbox" name="love">妩媚的
                    <input type="checkbox" name="love" checked="checked">可爱的
                    <input type="checkbox" name="love">聪明的
                    <input type="checkbox" name="love">小鲜肉
                </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>
                    </ul>
                </td>
            </tr>
        </table>
    </body>
</html>

 

posted @ 2022-03-02 11:25  小耿想努力呀  阅读(30)  评论(0)    收藏  举报