话不多说,效果图↓

html基础二(平台的注册页面表)_html

代码:

html基础二(平台的注册页面表)_注册_02

html基础二(平台的注册页面表)_登录_03

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    <table border="2px" align="center" cellspacing="2px" cellpadding="8px">

        <tr>

            <td colspan="3" align="center">注册界面</td>

        </tr>

        <tr>

            <td>姓&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp名:</td>

            <td colspan="2">

                <form action="biaobai.html" method="get">

                    <input type="text" name="username">

                </form>

            </td>

        </tr>

        <tr>

            <td>性&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp别:</td>

            <td colspan="2">

                <input type="radio" name="sex" value="男">

                <input type="radio" name="sex" value="女">

            </td>

        </tr>

        <tr>

            <td>年&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp龄:</td>

            <td colspan="2">

                <select name="age" >

                    <option  value="18">18</option>

                    <option  value="19">19</option>

                    <option  value="20">20</option>

                    <option  value="21">21</option>

                </select>

            </td>

        </tr>

        <tr>

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

            <td colspan="2">

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

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

                <input type="radio" name="marry" value="丧偶">丧偶

            </td>

        </tr>

        <tr>

            <td>自&nbsp&nbsp拍&nbsp&nbsp照:</td>

            <td colspan="2">

                <input type="file" name="选择文件" >

            </td>

        </tr>

        <tr>

            <td colspan="3" align="center">

                <input type="submit" value="注册" >

                <input type="reset" value="重置" >

            </td>

        </tr>

    </table>

</body>

</html>