day 43 作业 注册界面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册界面</title>
    <style>
        p{
            color: blue;
        }
        #d1,#d2,#d3{
            color: gray;
        }
        p>label{
            color: aquamarine;
        }
        #d4,#d6{
            color: brown;
        }
        #d7,#d8,#d9{
            color: blueviolet;
        }
        h1{
             color: red;
        }
    </style>
</head>
<body>
<h1 >&nbsp;&nbsp;&nbsp;欢迎注册</h1>
<form action="http://127.0.0.1:8000/index/" method="post" enctype="multipart/form-data">
    <p><label for="d1">
        用户名:&nbsp;&nbsp;&nbsp;
        <input type="text" id="d1" value="请输入用户名" name="username">
    </label></p>
    <p><label for="d2">
        密码:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="password" id="d2" value="123456" name="password">
    </label></p>
    <p><label for="d3">
        确认密码:&nbsp;<input type="password" id="d3" value="123456" name="re_pwd">
    </label></p>
    <p id="d7">性别:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        男<input type="radio" name="gender" checked value="male">
        女<input type="radio" name="gender" value="female">
    </p>
    <p id="d8">生日:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="date"></p>
    <p id="d9">特长:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        python: <input type="checkbox" name="hobby" checked value="python">
        java: <input type="checkbox" name="hobby" value="java">
        c++: <input type="checkbox" name="hobby" value="c++">
    </p>
    <p>所在城市:
        <select name="city" id="d4">
            <option value="sh">上海</option>
            <option value="bj">北京</option>
            <option value="sz">深圳</option>
        </select>
    </p>
    <p>个人简介:
        <textarea name="info" id="d5" cols="30" rows="1"></textarea>
    </p>
    <p>个人简历:
        <input type="file" name="my_file">
    </p>
    <p>隐藏输入框:
        <input type="hidden">
    </p>
    <p>
        <input type="button" value="按钮">
        <input style="color: red" type="reset" value="重置">
        <button id="d6">个人信息以确认</button>
        <input  type="submit" value="提交">
    </p>
</form>
</body>
</html>
posted @ 2019-11-13 19:56  &#127838;面包&#127838;  阅读(98)  评论(0编辑  收藏  举报