IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> PHP知识库 -> PHP登录 -> 正文阅读

[PHP知识库]PHP登录

代码

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <title>Document</title>


    </head>
    <body>
      <div id="zong">
        <!-- acction代表目标文件 -->
        <!-- method是提交方式:get(默认), post -->
        <!-- get:提交到地址栏,使用于数据量比较小的提交
        post:提交到文件的请求头,适用规范数量较大。更安全 -->
    <form action="check.php" method="post">
        <fieldset>
            <legend>必须填写</legend>
             <div class="bitian">
                <label for="username">用户名:</label>
                <input id="username" type="text" name="username" placeholder="用户输入不得少于4个字符"
                autofocus
                required
                >
            </div>
            <div class="bitian">
                <label for="password">&nbsp &nbsp码:</label>
                <input id="password" type="password" name="password" placeholder="请输入密码"
                required>
            </div>
            <div class="bitian">
                <label for="emil">&nbsp &nbsp箱:</label>
                <input id="emil" type="" name="emil" placeholder="请输入邮箱地址"
                required>
            </div>
            <div class="bitian">
                 <label for="tel">手机号:</label>
                 <input type="text" name="tel" id="tel" placeholder="请输入手机号"
                 required>
            </div>         
        </fieldset>
                 <div class="bitian">
                <label for="">&nbsp性&nbsp &nbsp别: </label>
                <input id="remale" type="radio" name="gend" ><label for="male"></label>
                <input id="remale" type="radio" name="gend" ><label for="remale"></label>
                <input id="baomi" type="radio" name="gend" checked value="baomi" ><label for="baomi">保密</label>
            </div>
            <div class="bitian">
                <label for="birthday">出生日期:</label>
                <input type="date" name="birthday" id="birthday" placeholder="请输入出生日期">      
            </div>
            <div class="bitian">
                <label for="">爱好体育项目:</label>
                <input id="basketball" type="checkbox" name="hobby[]" value="篮球">
                <label for="basketball">篮球</label>
                <input id="foorball" type="checkbox" name="hobby[]" value="足球">
                <label for="foorball">足球</label>
                <input id="paiqiu" type="checkbox" name="hobby[]" value="排球">
                <label for="paiqiu">排球</label>
            </div>
            <div class="bitian">
                <label for="">所在省份:</label>
                <select id="shengfen" type="" name="shengfen" >
                    <option value="山东">&nbsp 东</option>
                    <option value="河北">&nbsp 北</option>
                    <option value="北京">&nbsp 京</option>
                    <option value="河南">&nbsp 南</option>
                </select>
                
            </div>
            <button id="tijiao">提交</button>
        </form>
      </div>
    <style >
    * {
        
        background-image: url(D:\phpstudy_pro\qtc20191440850\th.jpg);
    }

        #zong{
            font-size: 25px;
            width: 650px;
            margin: 0 auto;
            background-color:       #aaaaaa;

            padding: 10px;
        }
        #tijiao{
            margin-left: 320px;
        }
        .bitian{
            text-align: center;

        }
        #username,#password,#emil,#name,#tel,#birthday,#shengfen{
        width: 261px;
        height: 32px;
        border: 1px solid #A6A6A6 ;
        /*设置边框圆角*/
        border-radius: 5px;
        padding-left: 10px;
    }


    </style>
    </body>
    </html>

效果

在这里插入图片描述
在这里插入图片描述

  PHP知识库 最新文章
Laravel 下实现 Google 2fa 验证
UUCTF WP
DASCTF10月 web
XAMPP任意命令执行提升权限漏洞(CVE-2020-
[GYCTF2020]Easyphp
iwebsec靶场 代码执行关卡通关笔记
多个线程同步执行,多个线程依次执行,多个
php 没事记录下常用方法 (TP5.1)
php之jwt
2021-09-18
上一篇文章      下一篇文章      查看所有文章
加:2021-09-30 11:43:35  更:2021-09-30 11:44:12 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年12日历 -2024/12/29 4:10:30-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码
数据统计