简易html注册界面（附源码）

最新推荐文章于 2024-05-07 09:26:23 发布

hyjy

最新推荐文章于 2024-05-07 09:26:23 发布

阅读量1.7k

点赞数 1

分类专栏：前端学习文章标签： html 前端 Powered by 金山文档

本文链接：https://blog.csdn.net/m0_50524123/article/details/128696888

版权

前端学习专栏收录该内容

1 篇文章 0 订阅

订阅专栏

界面效果如下：

代码：

<!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>Document</title>
</head>
<body>
        <h3>青春不常在</h3><br>
    <table width="500">
        <tr>
            <td>性别</td>
            <td><input type="radio" name="sex" value="男" checked="checked">男 <input type="radio" name="sex" value="女"/>女</td>
        </tr>
        <tr>
            <td>
                生日
            </td>
            <td>
                <select>
                    <option selected="selected">--请选择年份--</option>
                    <option>2002</option>
                    <option>2003</option>
                    <option>2004</option>
                    <option>2005</option>
                </select> 
                <select>
                    <option selected="selected">--请选择月份--</option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                </select> 
                <select>
                    <option selected="selected">--请选择日--</option>
                    <option>11</option>
                    <option>12</option>
                    <option>13</option>
                    <option>14</option>
                </select> 
                
            </td>
        </tr>
        <tr>
            <td>
                所在地区
            </td>
            <td>
                <input type="text" name="area" value="北京"/>
            </td>
        </tr>
        <tr>
            <td>
                婚姻状况
            </td>
            <td>
                <input type="radio" name="marry" value="未婚" checked="checked"/>未婚
                <input type="radio" name="hun" value="已婚"/>已婚
                <input type="radio" name="hun" value="离婚"/>离婚
            </td>
        </tr>
       <tr>
        <td>
            学历
        </td>
        <td>
            <input type="text" name="study" value="幼儿园"/>
        </td>
       </tr>
         <tr>
            <td>
                喜欢的类型
            </td>
            <td>
                <input type="checkbox" name="like" value="御姐">御姐
                <input type="checkbox" name="like" 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" name="agree" value="我同意" checked="checked"/>我同意注册条款和会员加入标准
            </td>
        <tr>
            <td></td>
            <td>
                <a href="#">我是会员，立即登录</a>
            </td>
        </tr>
        </tr>
        <tr><td></td>
            <td><h2>我承诺</h2></td>
        </tr>
        <tr>
            <td></td>
            <td>
                <ul>
                    <li>年满十八岁</li>
                    <li>抱着严肃的态度</li>
                </ul>
            </td>
        </tr>
    </table>
</body>
</html>