注册与登录的页面设计

最新推荐文章于 2023-03-18 23:29:08 发布
最新推荐文章于 2023-03-18 23:29:08 发布
阅读量645 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39402742/article/details/74932512
版权

HTML代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>提交</title>
</head>
<style>
    .div1 {
        /*调整矩形框的大小、居中、颜色*/
        height: 30%;
        width: 40%;
        margin: auto;
        margin-top: 15%;
        color: #2ca02c;

        text-align: center;
        background-color: #76deff;
        /*让边框变成圆角*/
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        /*给边框添加阴影样式*/
        box-shadow: 2px 4px 6px #000;

    }

    .div2 {
        height: 20%;
        border-bottom: 1px solid #1099c5;
        font-family: 微软雅黑;
        font-size: 20px;
        line-height: 40px;

    }

    .div3 {
        margin-top: 20px;

    }

    /*页面的背景颜色*/
    body {
        background-color: #c5e1ea;
    }

    /*“提交”按钮的样式*/
    .fill:hover,
    .fill:focus {

        box-shadow: inset 0 0 0 2em var(--hover);
    }

    .fill {

        --color: #a972cb;
        --hover: #cb72aa;
    }

    button {
        color: var(--color);
        -webkit-transition: 0.25s;
        transition: 0.25s;
    }

    button:hover, button:focus {
        border-color: var(--hover);
        color: #fff;
    }

    button {
        background: none;
        border: 2px solid;
        font: inherit;
        line-height: 1;
        margin: 0.5em;
        padding: 1em 2em;
    }

    .div33 {
        width: 30%;

    }
</style>
<body>
<div class="div1">
    <div class="div2">
        资料提交
    </div>
    <div class="div3">
        <form method="post" action="{:url('tijiao/post')}">
            账户:
            <input type="text" class="div33" name="account"><br>
            <br>
            密码:
            <input type="password" class="div33" name="password"><br><br><br>
            <button class="fill">提交</button>
    </div>

    </form>


</div>
</body>
</html>

PHP代码

<?php
namespace app\index\controller;
use think\Request;
use think\Controller;
class Tijiao extends Controller
{
    public function index()
    {
        return view();
    }

    public function post(){

        //前端提交上来的数据
        $data['account'] = Request::instance()->param('account');
        $data['password'] = Request::instance()->param('password');


        //存储提交上来的数据
        $res =  db('dengru')->insert($data);
        if($res){
            return "提交成功";
        }else{
            return "提交失败";
        }
        dump($data);



    }
}



刘剑涛哒哒哒
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Python tkinter登录界面
qq_38233696的博客
01-07 1万+
此次登录界面完全是为了后面的图像处理GUI界面所添加的点睛之笔，不喜勿喷。 界面建立所要调用的模块： import tkinter as tk import tkinter.messagebox import pickle from tux import Image_sys #调用文件tux 登陆主界面搭建，三个文本数据输入框，三个按钮。 # 窗口 window = tk...
学生信息管理系统（python）
weixin_55135515的博客
12-28 889
使用方式：当点击运行后控制台会弹出输入用户账号密码的提示，输入账号“admin”，单击回车，输入密码“123456”，单击回车，控制台会跳出主菜单（功能页面），每个功能选项前面都有编号，在控制台输入自己想要实现功能的编号，即可跳转转到相应功能页面，实现该功能，在用户完成功能实现之后，可以选择将本次的增删改查保存到文件，下次打开本管理系统时，选择读取文件中学生信息的功能选项，即可将上次保存的学生信息读取到内存中。 运行效果图： 源代码： def menu(): menu_info.
用tkinter设计一个简单的登录界面（细节）
m0_70456205的博客
12-30 1896
本文主要分享了tk窗口界面的一些细节设置：如何让显示的窗口居中？如何固定显示的的窗口大小？以及tk界面的一些基础代码，一起来看看吧。
如何设计出用户体验良好的登录/注册页面
Think
08-17 1万+
对于开发者来说登录/注册页面是再熟悉不过的了，然而要想提供更好的登录/注册体验的话就需要一些技巧了。应用了下面这些小技巧的话，你的登录注册页面在实现基本功能的同时还能提供非常流畅的体验。   1、不要将”Sign In ”和”Sign Up”放在一起 看看下面这张图片，你需要花多长时间来区分”sign up”和”sign in”呢？ 相信读者已经发现问题所在了。”Sign In
Python tkinter 保姆级超简易登陆界面教学
THsans的博客
09-21 2052
Python tkinter 保姆级登陆界面教学 学不会踢我 有问题找我
html网页设计注册与登录页面模板
10-09
1、本文详细描述了网页设计注册与登录页面的模板。 2、通过详细示例，让读者更直观地阅读，更清晰的理解。 3、示例代码可直接复制，编译后可直接运行。 4、根据示例以及运行结果，让读者加强记忆及理解。
JavaWeb登录注册页面
08-02
JavaWeb登录注册页面 功能：带有验证码生成与验证，记住账号密码，Filter拦截等操作 使用mybatis和maven
swing登录注册界面设计
08-27
主要为大家详细介绍了swing登录注册界面的设计方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
网页设计-用户注册&登录
10-04
#清磁盘啦~，CSDN“网盘”真好用，感谢CSDN~ 《编程新技术事务》，网页设计，借助Eclipse开发工具，基于mysql数据库、Servlet后端、jsp+js前端完成的用户注册及登录模块的功能，包含信息校验功能
小程序登录/注册页面设计的实现代码
10-16
主要介绍了小程序登录/注册页面设计的实现代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Python tkinter 制作一个经典的登录界面和点击事件
Python案例分享，B站视频教程：https://space.bilibili.com/523606542
09-03 2205
Tkinter 编写的程序，也称为 GUI 程序，GUI （Graphical User Interface）指的是“图形用户界面”，它是计算机图形学（CG）的一门分支，主要研究如何在计算机中表示图形，以及利用计算机进行图形的计算、处理和显示等相关工作。
python tkinter 用户登陆界面GUI
wuyu1876的博客
05-31 3443
实验目的： 使用Python的Tkinter库制作一个简单的用户登录界面，在输入用户名以及其密码后需判断是否用户名与密码匹配，然后做出相应的提示。 实验内容： 先是建立文本文件里面储存用户名以及密码。在用户输入用户名以及密码，通过文件中的用户名以及密码进行判断匹配，看是否一致。如果一致那么弹出新的窗口，显示登录成功。若不一致，则弹出错误。点击OK，重新返回到登录界面。 1.导入tkinter库 Tkinter是python默认的GUI库，无需下载，直接导入就行。 impo...
如何使用Python tkinter 设计软件登录界面
weixin_45503370的博客
04-12 4903
如何使用Python tkinter 设计登录界面 文章目录前言一、建立主窗口二、建立子控件1.Label标签控件与Entry输入控件2.效果展示 前言 提示：初步学习Python的同学可以尝试使用Python内置的tkinter库函数设计一些简单的软件 高效且快捷，本篇本章记录如何使用tkinter设计一款登录界面 提示：以下是本篇文章正文内容，下面案例可供参考 一、建立主窗口 每个软件有一个主窗口控制，为最大的控件，我们可以称为父控件 代码如下（示例）： import tkinter as tk
python3使用tkinter制作简单的登录界面DIY
dongbao520的博客
08-06 1256
源代码如下： 链接来源：https://blog.csdn.net/qq_47582828/article/details/106158943 一个简单地登录界面通常由以下要素组成 用户账号输入框 用户密码输入框 随机验证码输入框 登录按钮 from tkinter import * import random #定义函数，功能为生成有大写字母、小写字母、数字组成的6位随机验证码 def creatAuthCode(): res1="" res2="" res3="" for
用户注册登录页面的设计与实现
printf_what的博客
06-13 1万+
文章目录前言一、环境搭建二、使用步骤1.引入库2.读入数据总结 前言 利用HTML5、CSS、JavaScript、jQuery以及mongodb数据库的相关知识，使用vscode编译器对Web应用程序的开发，主要实现了登录注册、首页部分功能 一、环境搭建 登录vscode官网下载安装Windows x64位的安装包 打开下载的安装包进行安装，成功后运行，并安装所需要的插件如：汉化插件chinese等等。插件列表如下： 插件名 作用 Auto Rename Tag HTML修改标
用户注册页面的设计与实现
YQEMMMM的博客
10-21 2万+
用户注册页面的设计与实现 功能介绍： 1.使用HTML5表单技术实现用户注册页面，要求用户可以输入用户名、密码、真实姓名和电子邮箱等信息进行注册。 2.验证要求：每个输入栏目的文本框均需要显示提示信息。用户在点击按钮提交注册信息时可以验证所有栏目均为必填项以及电子邮箱的有效性。 实现效果图： 一、界面设计 1.使用<div>划分区域 2.使用CSS外部样式表定义样式 1）reg.css 2）关键属性：box-shadow: 10px 10px 15px black; 二、表单设计 1.使用&l
web前端——表单注册页面设计（注册信息）
weixin_65997960的博客
03-18 4614
在页面底部插入“电话”、“短信”、“E-Mail”和“返回顶部”4个导航链接，前三个导航链接必须使用相应的超链接伪协议，“返回顶部”链接到页面顶部锚点。另外，需设置链接状态样式，链接字体为蓝色，已访问过为灰色，鼠标经过时为红色，鼠标按下时为黄色。设置用户名、学号和密码为必填项，在输入域后显示红色“*”号，设置用户名输入框默认获得焦点，密码输入框中提示用户“请输入。除用户名、学号、密码、单选按钮、复选框、列表框和文本区之外，其它input元素必须为HTML5新增的输入类型；个选项，默认选择“成都”；
用户注册页面的设计与实现（html+css）
ZYCRY的博客
11-03 2万+
用户注册页面的设计与实现（html+css） 文章目录用户注册页面的设计与实现（html+css）1.目的2.内容3.步骤4.代码实现5.页面展示6.最后 1.目的 熟悉HTML+CSS 及表单知识的应用 2.内容 使用 HTML5 表单技术实现用户注册页面，要求用户可以输入用户名、密码、真实姓名和电子邮箱等信息进行注册。 具体功能如下： 界面设计 表单设计 使用 input 标签的 email 类型实现电子邮箱验证 使用 input 标签的 autocomplete 属性实现内容自动记
HTML5设计注册/登录界面
热门推荐
m0_62101200的博客
06-25 2万+
因为我们注册或者登录时是需要提交信息给后台的，所以需要用到表单form标签 span标签是一个基本的文本标签 如果需要登录是要点登录进行页面跳转的，所以我们需要使用a标签进行网址跳转 input标签也就是需要用户进行自行输入信息，并且可以通过type属性进行指定输入文本框的类型，比如我们输入密码时需要进行屏蔽，因而可以设置password属性，在输入密码期间可以不显示具体文本，达到隐私隐藏效果 设置按钮需要用到button标签，其实也可以用input标签，然后设置属性为button，也可以达到同样的
网页设计html登录注册页面
最新发布
11-07
网页设计中的登录注册页面是指网站或应用程序中用于用户登录和注册的页面。这些页面通常包括表单，用户需要在表单中输入用户名和密码进行登录，或者输入必要的信息进行注册。在设计这些页面时，需要考虑用户体验和...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值