前端学习笔记-09-关于注册页面的简单案例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>这里放入网页标题</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
    <h1>注册页面-简单案例</h1>
    <form action="http://127.0.0.1:8080/index/" method="post" enctype="multipart/form-data">
        <p>
            <label for="d1">用户名:<input type="text" id="d1" name="username" value="这里放入默认值" readonly></label>
        </p>
        <p>
            <label for="d2">密码:<input type="password" id="d2" name="password"></label>
        </p>

            <input type="hidden" name="usernamename" value="骗子账户-一般钓鱼网站就是用这种方式隐藏按钮的">

        <p>birthday:
            <input type="date">
        </p>
        <p>gender:
            <input type="radio" name="gender" value="male"><input type="radio" name="gender" checked value="female"><input type="radio" name="gender" value="others">其他
        </p>
        <p>hobby:
            <input type="checkbox" name="hobby" value="basketball">996
            <input type="checkbox" checked name="hobby" value="football">007
            <input type="checkbox" checked name="hobby" value="doublecolorball">996+007
        </p>
        <p>province:
            <select name="province" id="">
                <option value="sh">上海</option>
                <option value="bj" selected>北京</option>
                <option value="sz">深圳</option>
            </select>
        </p>
      <p>路灯挂饰合集:
          <select name="" id="" multiple>
              <option value="" selected>喜欢穿小鞋的资本家A</option>
              <option value="" selected>喜欢让人无偿加班的资本家B</option>
              <option value="">喜欢让人干三个人的活给半个人的钱的资本家C</option>
          </select>
      </p>
        <p>路灯维修工具:
            <select name="路灯维修选择" id="序号">
                <optgroup label="狼牙棒">
                    <option value="">狼牙棒A</option>
                    <option value="">狼牙棒B</option>
                    <option value="">狼牙棒C</option>
                </optgroup>
                <optgroup label="老虎凳">
                    <option value="">老虎凳A</option>
                    <option value="">老虎凳B</option>
                    <option value="">老虎凳C</option>
                </optgroup>
                <optgroup label="辣椒水">
                    <option value="">辣椒水A</option>
                    <option value="">辣椒水B</option>
                    <option value="">辣椒水C</option>
                </optgroup>
            </select>
        </p>
        <p>文件:
            <input type="file" multiple name="myfile">
        </p>
        <p>与资本家的交手履历:
            <textarea name="info" id="" cols="30" rows="10"></textarea>
        </p>
        <input type="submit" value="注册">
<!--        当你没有指定按钮的文本内容 不同的浏览器打开之后可能渲染的文本内容不一致-->
        <input type="button" value="按钮">
        <input type="reset" value="重置">
        <button>点我</button>
    </form>
</body>
</html>

效果
前端学习笔记-09-关于注册页面的简单案例_第1张图片

你可能感兴趣的:(计算机网络原理,数据库,爬虫学习笔记,前端,网页设计)