HTML申请注册表练习

代码:!DOCTYPE htmlhtml lang=enheadmeta charset=UTF-8meta http-equiv=X-UA-Compatible content=IE=edgemeta name=viewport content=width=device-width, initial-scale=1.0title注...


代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册页面</title>
</head>
<body>
    <h3>青春不常在,抓紧谈恋爱</h3>
    <table width = "500">
        <tr>
            <td>性别:</td>
            <td>
                <label for="nan">男</label><input type = "radio" id = "nan" name = "sex"> 
                <label for="nv">女</label><input type = "radio" id = "nv" name = "sex">
            </td>
        </tr>
        <tr>
            <td>生日:</td>
            <td>
                <select>
                    <option>--请选择年--</option>
                    <option>2001</option>
                    <option>2002</option>
                    <option>2003</option>
                    <option>2000</option>
                    <option>2006</option>
                    <option>2008</option>
                    <option>2009</option>
                    <option>2011</option>
                    <option>2012</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>
                </select>
                <select>
                    <option>--请选择日--</option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>30</option>
                </select>
            </td>
            <td></td>
        </tr>
        <tr>
            <td>所在地区:</td>
            <td><input type = "text" value = "别急思密达"></td>
        </tr>
        <tr>
            <td>婚姻情况</td>
            <td>
                <input type="radio" name = "cir" id = "hun"><label for="hun">未婚</label>
                <input type="radio" name = "cir" id = "yi"><label for="yi">已婚</label>
                <input type="radio" name = "cir" id = "li"><label for="li">离婚</label>
            </td>
        </tr>
        <tr>
            <td>喜欢的类型</td>
            <td>
                <input type="checkbox" name = "xi">妩媚的
                <input type="checkbox" name = "xi">性感的
                <input type="checkbox" name = "xi">可爱的
                <input type="checkbox" name = "xi">调皮的
            </td>
        </tr>
        <tr>
            <td>自我介绍:</td>
            <td>
                <textarea>自我介绍</textarea>
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <input type="button" value= "免费提交">
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <input type = "checkbox" > 我同意注册
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <a href = "#" >我是会员,立即邓丽</a>
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <h5>我承诺</h5>
                <ul>
                    <li>年满18岁。单身</li>
                    <li>抱着严肃的态度</li>
                    <li>真诚寻找另一把</li>
                </ul>
            </td>
        </tr>
    </table>
</body>
</html>

本文标题为:HTML申请注册表练习

基础教程推荐