【无标题】简单用户登入界面

最新推荐文章于 2024-07-12 13:57:41 发布
最新推荐文章于 2024-07-12 13:57:41 发布
阅读量116 收藏
点赞数
文章标签： html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Eoning/article/details/121580343
版权

 

个人欢迎各位复制粘贴

源代码展示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户登入</title>
    <link rel="icon" href="">
    <style>
        *{
            padding: 0;
            margin: 0;
        }
        body{
            background-image: none;
            padding-top: 8%;
        }
        .login{
            margin-right: 10px;
            margin: 0 auto; /*使表单居中 */
            width: 300px;
            font-family: "宋体";
            font-size: 20px;
            padding: 10px;  /*设置对象四边的内部边距*/
            border: solid 1px ;   /*添加表单边框的样式和粗细 */
            border-radius: 10px;   /*边框圆角*/
            box-shadow: 0px 0px 8px #706f6f;  /* 盒子阴影 */
            background-color: #fff;
            text-align: center;
        }
        h1{
            font-family: 华文行楷;
            text-align: center;
        }
        .login input{
            margin-top: 20px;
        }
        input[type=submit]{
            height: 40px;
            width: 70px;

        }
        input[type=button]{
            height: 40px;
            width: 70px;
        }
    </style>
</head>
<body>
    <div class="login">
        <h1>用户登入</h1>
        <hr><br>
        <form action="" method="post">
            账号：<input type="text" class="username">
            密码：<input type="password" class="password">
            <input type="submit" value="登入" class="btns">&nbsp; 
            <input type="button" value="注册" class="btns">
        </form>
    </div>
</body>
</html>

 效果图展示

 

HJX—
关注
data:image/png;base64是什么
weixin_30645617的博客
06-01 5658
大家可能注意到了，网页上有些图片的src或css背景图片的url后面跟了一大串字符，比如：data:image/png;base64,　iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/　KEAUFF...
苹果登入界面
01-06
在"苹果登入界面"中，HTML文件可能包含了`<head>`部分，这里通常设置页面的元信息，如字符集、标题等；`<body>`部分则是网页的主要内容，包括登录表单的各个元素，如`<form>`标签用于创建表单，`<input>`标签创建...
将图片以Base64代码的形式, 内嵌在html中(提供样例)
05-06
将图片以Base64的编码，内嵌在html的代码中, 提供的是样例代码 即: 不是在html中指定图片的路径的形式 结合: http://download.csdn.net/detail/okpfsje123/5304296 这样就可以在发送的邮件中，直接看到图片(图片不是附件)了 工具(从图片文件，得到Base64编码): http://www.vgot.net/test/image2base64.php
最简单的css3按钮动画
SFwords的博客
02-06 727
lang="en"> charset="UTF-8"> name="viewport" content="width=device-width, initial-scale=1.0"> http-equiv="X-UA-Compatible" content="ie=edge"> Document #box input { display: block; mar
HTML中img标签base64显示图片
热门推荐
象在舞的技术专栏
12-28 4万+
在浏览网页的时候大家可能会注意到一个奇怪的现象，有的图片的路径后面是一串很长的字符串，例如： data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMAAAABJ...
HTML img标签识别base64图片格式
rqz__的博客
04-05 4869
HTML img标签识别base64图片格式
一个超简单的窗体登入界面
10-03
标题中的“一个超简单的窗体登入界面”指的是在C#编程环境下创建的一个基本的用户登录界面，这种界面通常用于应用程序的初始访问阶段，允许用户输入用户名和密码进行身份验证。在C#中，我们可以利用Windows Forms...
jsp+servlet+bean编写的登入界面
08-29
【标题】"jsp+servlet+bean编写的登入界面"涉及的主要技术是Java Web开发中的三个核心组件：JSP（JavaServer Pages）、Servlet和Bean。这是一个经典的Web应用架构，用于构建动态交互式的用户界面。 **JSP（Java...
idea编写一个登入界面关于学生管理系统的
05-17
此代码创建了一个简单的登入界面，包括一个标题、用户名和密码输入框、登入和取消按钮。当用户输入正确的用户名和密码并点击登入按钮时，会弹出一个消息框提示登入成功，并跳转到学生管理界面。当用户输入错误的...
img图片加载完成以及canvas转图片为base64编码
09-15
NULL 博文链接：https://747017186.iteye.com/blog/2264599
HTML_img2base64:将本地HTML图像和SVG转换为base64
03-26
HTML_img2base64 将本地HTML图像和SVG转换为base64 改编自 用法 将多个HTML文件拖放到HTML_img2base64 拖放文件.bat 输出文件与源文件位于同一文件夹中
img显示base64图片
qq_54780032的博客
12-03 9131
img显示base64图片
el-image展示预览base64格式的图片和img标签展示base64格式的图片
最新发布
starstarstarl的博客
07-12 798
el-image展示base64格式的图片。img标签展示base64格式的图片。
纯css3实现曲线运动——贝塞尔曲线(cubic-bezier)
一只快乐的小猴子的博客
12-23 3167
html代码 <div class="ball run_top_right"></div> css代码 html{ background: #ad4e24; } //定义球的初始值，位置是绝对定位； .ball{ height: 100px; width: 100px; border-radius: 50%; position: absolute; bottom: 40px; z-index: 10; left: 40px; backgroun
在HTML中显示base64格式的img图片
weixin_44867717的博客
03-01 2万+
在HTML中显示base64格式的img图片 base64的图片可以直接显示在网页上面 <img src=“data:image/png;base64,***************************************************"/>
CSS动画- 两固定点之间实现曲线运动
SCY164759920的博客
03-07 3011
CSS动画- 两固定点之间实现曲线运动
前端学习（117）：定位实现居中
歌谣的博客
12-16 206
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
css3动画曲线运动
06-21 923
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .box{width: 50px;height: 120px;ma...
数据库里有数据但是用户登入界面显示登入错误
06-06
可能存在以下几种情况： ...4. 系统出现故障，无法正常处理用户登入请求。 您需要检查以上情况，找到具体原因并进行相应的处理。如果无法解决问题，可以考虑联系相关技术支持或开发人员寻求帮助。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

HJX—

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值