绿色简单的学校登录html页面

最新推荐文章于 2022-11-23 18:20:38 发布
最新推荐文章于 2022-11-23 18:20:38 发布
阅读量3.2k 收藏 11
点赞数 1

效果预览：http://hovertree.com/texiao/css/22/

代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="http://hovertree.com/texiao/css/22/css/hovertree_login.css" />
<title>绿色简单的学校管理系统登录页面html模板 _ 何问起</title><base target="_blank" />
</head>
<body>

<div id="header">
<div class="header_title">
<span class="title_con">何问起学工系统</span>
</div>
</div>

<div id="content">
<center>
<div class="con">
<div class="con_title">
<span class="con_title_sp">欢迎登录学工系统</span>
</div>
<div class="con_panel">
<div class="con_input">
<span>用户名：</span><input type="text" placeholder="学号/工号"/>
</div>
<div class="con_input">
<span>密&nbsp;&nbsp;&nbsp;&nbsp;码：</span><input type="text" placeholder="密码"/>
</div>
<div class="con_select">
<input type="radio" name="t1" id="hovertreestu" value="学生" /><label for="hovertreestu">学生</label>
<input type="radio" name="t1" id="hovertreetea" value="教师" /><label for="hovertreetea">教师</label>
<input type="radio" name="t1" id="hovertreeadm" value="管理员" /><label for="hovertreeadm">管理员</label>
</div>
<input type="submit" value="登 录" class="submit-btn"/>
</div>
</div>
</center>
</div>

<div id="footer">
&copy; 市重点高中 技术支持：<a href="http://hovertree.com/">何问起</a>
<br /><a href="http://hovertree.com/h/bjaf/7ioeyqhe.htm">Demo 1</a> <a href="http://hovertree.com/hvtart/bjae/dh4pqx2p.htm">Demo 2</a> <a href="http://hovertree.com/h/bjaf/2hhi6cjy.htm">原文</a><a href="http://hovertree.com/texiao/">更多特效</a>
</div>

</body>
</html>

源码下载：http://hovertree.com/h/bjaf/l243x19a.htm

转自：http://hovertree.com/h/bjaf/2hhi6cjy.htm

更多特效：http://www.cnblogs.com/roucheng/p/texiao.html

weixin_33860553
关注
  • 1
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html实现学校网站
06-22
用html实现的简单的学校代码。主页里面的对应的附属页。相应有附属页用一个文件夹保存
《web课程设计》使用HTML+CSS制作大学生校园二手交易网站
html精品源码
08-04 1万+
🏫 校园网页设计 、学校班级网页制作、学校官网、小说书籍、等网站的设计与制作。🏷️HTML静态网页设计作业使用dreamweaver制作，采用DIV+CSS布局，共有多个页面，首页使用CSS排版比较丰富，色彩鲜明有活力。顶部导航及底部区域背景色为100%宽度，主体内容区域宽度🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语...
学生管理系统--添加、查看功能
weixin_51120880的博客
08-19 292
学生管理系统—添加.查看功能 <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>学生管理系统</title> </head> <body> <%--先用jsp判断用户是否登录过--%> <% Object ob =session.getAttribute("username".
制作一个简单HTML校园网页（HTML+CSS）学校网站制作 校园网站设计.md
08-10
HTML5期末考核大作业源码 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞 蹈、 动漫、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、游戏、 节日、 戒烟、 电影、 摄影、 文化、 家 乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计作业需求, 喜欢的可以下载! 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件（如：`Dreamweaver、HBuilder、Vscode 、Sublime 、 Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作） HTML静态网页设计作业，采用DIV+CSS布局，共有多个页面，使用CSS排版比较丰富，色彩鲜明有活力,顶部导航及底部 区域背景色为100%宽度。都是给学生定制的都符合学生考试期末作业的水平,有的有js，有的视频+音乐+flash的等 元素的插入。 【查看更多源码地址】：https://blog.csdn.net/VX_WJ88950106?type=blog
用HTML怎么做成绩管理网页,vue基于element-ui制作的成绩管理系统（三）主界面 登录后跳转的页面...
weixin_42231085的博客
05-31 702
1.在views文件夹下新建home.vue介绍下首页应该包含头部。左边菜单导航栏。右面实时加载的内容，整个部分划分为三块。页面布局如下 //头部组件 //教师身份菜单 //循环菜单 //绑定类{{item.name}} //学生身份菜单{{item.name}} //管理员身份菜单{{item.name}} //右面内容区impor...
简单学生管理系统HTML前端页面
热门推荐
杨明金的博客
12-01 2万+
效果图： 实现代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>学生管理系统</title> <style type="text/css"> *{ margin: 0; padding: 0; font-size: 1rem; } body{ background: ur
学校官网制作
m0_65665796的博客
11-09 2294
校园官网
作业：用html，css进行学校官网页面的大概设计
weixin_51774330的博客
11-23 1583
用html，css进行学校官网页面的大概设计
绿色教育学校网站整站模板
06-24
绿色教育学校网站整站模板里面包含11个子页面，适合学校教育培训机构等模板素材下载。
学校实训项目-绿色的动物养殖网站模板html（缺页面）.zip
09-04
学校实训项目-绿色的动物养殖网站模板html（缺页面）.zip
学校系统web网页设计
05-19
学校网页的HTML文件，实现了主页，导航栏，分页跳转的功能
一个学校主页代码
02-25
一个简洁的学院主页代码，html+css编写，有需要的朋友可以省下自己设计了
登入页面.html
07-08
页面设计
HTML校园绿色行静态网站制作
06-15
一个简单的校园绿色环保网站的制作。包含所有图片，样式，以及源代码。网页内嵌flash等，包含flash源码工程。适合静态网页开发布局的人作为参考。
功能齐全的本地综合信息门户网站源码
01-02
资源描述：整合后的本地信息门户,后台集合了多项功能,登陆地址admin用户密码也都是admin
学校实训项目-绿色教育学校网站整站里面包含11个子页面，适合学校教育培训机构等素材。.zip
08-31
学校实训项目-绿色教育学校网站整站里面包含11个子页面，适合学校教育培训机构等素材。.zip
HTML5响应式教育网站登录页面模板.zip
05-27
HTML5响应式教育网站登录页面模板，自适应分辨率，兼容PC端和移动端，绿色蓝色渐变，卡通图片网页背景，有简单表单验证功能。
制作一个简单HTML中华传统文化网页（HTML+CSS）
HTML网页设计
08-02 1万+
📔网站布局方面计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面网站系统文件种类包含html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；...
简单的手机端会员登录html页面
最新发布
10-18
在手机端创建一个简单的会员登录HTML页面非常简单。以下是一个可能的示例： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>会员登录</title> <style> body { font-family: Arial, sans-serif; text-align: center; padding-top: 50px; } form { width: 300px; margin: 0 auto; } input[type="text"], input[type="password"] { width: 100%; padding: 10px; margin-bottom: 10px; box-sizing: border-box; } input[type="submit"] { width: 100%; padding: 10px; background-color: #4CAF50; color: white; font-weight: bold; border: none; cursor: pointer; } </style> </head> <body> <h2>会员登录</h2> <form action="/login" method="POST"> <input type="text" name="username" placeholder="用户名" required> <br> <input type="password" name="password" placeholder="密码" required> <br> <input type="submit" value="登录"> </form> </body> </html> ``` 如上所示，这个HTML页面具有一个简单的表单，用户可以输入用户名和密码，然后提交登录请求。输入框会以全宽度显示，并具有适当的样式来适应手机屏幕。提交按钮使用了绿色背景和白色字体，提供了强烈的可视化感。 需要注意的是，这只是一个简单的示例，并没有包含真实的登录逻辑。实际的后端处理和验证用户输入的步骤需要在服务器端进行。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值