写一个漂亮的注册页面

最新推荐文章于 2024-08-07 19:54:58 发布

a_lonely_dancer

最新推荐文章于 2024-08-07 19:54:58 发布

阅读量1.9w

点赞数 7

分类专栏： HTML&JAVASCRIPT 文章标签： html 界面

本文链接：https://blog.csdn.net/a_lonely_dancer/article/details/52268128

版权

HTML&JAVASCRIPT 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

在HTML板块中我写到了HTML初识，但是呢界面写的不完美，很不好看，那么今天我就写了一篇好看的注册页面。其中没有涉及什么重要的知识！！只是把注册界面写得好看了些。

来看下效果:

这里写图片描述

涉及到的图片
这里写图片描述

这里写图片描述

好了准备工作做好了，下面我们就来看代码:

<html>//注释我想就不用打了。这些都是很基础的代码。
    <head>
        <title>表单案例</title>
    </head>
    <body>
        <h2>免费开通 domarvel 账号</h2>
    <form action="资源分类.html">
        <table width="100%">
        <tr>
            <td align="right">注册邮箱:</td>
            <td><input type="text" name="mail" /> </td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>你还可以使用 <a href="#">账号</a> 注册或者 <a href="#">手机号</a> 注册</td>
        </tr>
        <tr>
            <td align="right">创建密码:</td>
            <td><input type="password" name="pas"/></td>
        </tr>
        <tr>
            <td align="right">真实姓名:</td>
            <td><input type="text" name="name"/></td>
        </tr>
        <tr>
            <td align="right">性别:</td>
            <td><input type="radio" name="sex" value="1"/>男 <input type="radio" name="sex" value="0"/>女</td>
        </tr>
        <tr>
            <td align="right">生日:</td>
            <td>
            <select name="year">
                <option value="1991">1991</option>
                <option value="1992">1992</option>
                <option value="1993">1993</option>
                <option value="1994">1994</option>
                <option value="1995">1995</option>
            </select>年
            <select name="month">
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
            </select>月
            <select name="day">
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
            </select>日
            </td>
        </tr>
        <tr>
            <td align="right">我现在:</td>
            <td>
                <select name="now">
                    <option value="study">我在上学</option>
                    <option value="work">工作</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td><img src="verycode.gif"/> <a href="#">看不清换一张?</a></td>
        </tr>
        <tr>
            <td align="right">验证码:</td>
            <td><input type="text" name="yan"/></td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td><input type="image" src="btn_reg.gif" /></td>
        </tr>
        </table>
    </form>
    </body>
</html>