【博主推荐】html下拉框树形（附好看的登录界面）

【博主推荐】html下拉框树形（附好看的登录界面），完善的树形下拉框功能，根据自定义层级规则展开，可以直接嵌入项目，还附带两个漂亮的登录界面

下拉框示例

下拉框代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>【博主推荐】html下拉框树形（附源码）</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="dtreeck.css">
<SCRIPT language="Javascript" type="text/javascript" src="dtreeck.js"></SCRIPT>
<SCRIPT language="Javascript" type="text/javascript" src="jquery.js"></SCRIPT>
<style type="text/css">
body,td,th {font-size: 12px;font-family:STSong,华文宋体;
}
</style>
</HEAD>
<BODY>
<div style="margin:50px 0 0 50px;"><dl><dd style="float:left; line-height:28px; margin:0 5px 0 0;">部门名称：</dd><dt><form  method="post" id="regform"><input type="text" id="menu_parent_name"   style="width:200px; cursor:pointer; background:url(imgmenu/ico1.png) no-repeat center right; border:solid 1px #A0A0A0; height:24px; text-indent:0.5em;"> <input type="hidden" id="menu_parent" name="menu_parent"><input type="hidden" id="oprate" name="oprate"><input type="hidden" id="menu_id" name="menu_id"></form></dt></dl>
</div><div id="treediv" style="display: none; margin:-1px 0 0 0; position:absolute;overflow:auto;  width:190px; height:200px;  padding: 5px;background: #fff;color: #fff;border: 1px solid #cccccc">
</div>
</BODY>
</HTML>

登录1示例

登录1代码

<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>登录页面</title>
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/demo.css" />
<link rel="stylesheet" type="text/css" href="css/component.css" />
<!--[if IE]>
<script src="js/html5.js"></script>
<![endif]-->
</head>
<body><div class="container demo-1"><div class="content"><div id="large-header" class="large-header"><canvas id="demo-canvas"></canvas><div class="logo_box"><h3 style="font-family:STSong,华文宋体;">树形管理系统后台</h3><form action="#" name="f" method="post"><div class="input_outer"><span class="u_user"></span><input name="logname" class="text" style="color: #FFFFFF !important" type="text" placeholder="请输入账户"></div><div class="input_outer"><span class="us_uer"></span><input name="logpass" class="text" style="color: #FFFFFF !important; position:absolute; z-index:100;"value="" type="password" placeholder="请输入密码"></div><div class="mb2"><a class="act-but submit" href="javascript:;" style="color: #FFFFFF">登录</a></div></form></div></div></div></div><script src="js/TweenLite.min.js"></script><script src="js/EasePack.min.js"></script><script src="js/rAF.js"></script><script src="js/demo-1.js"></script></body>
</html>

登录2示例

登录2代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<META content="IE=11.0000" http-equiv="X-UA-Compatible"><META http-equiv="Content-Type" content="text/html; charset=utf-8">
<TITLE>登录页面</TITLE>
<SCRIPT src="js/jquery-1.9.1.min.js" type="text/javascript"></SCRIPT><META name="GENERATOR" content="MSHTML 11.00.9600.17496"></HEAD>
<BODY>
<DIV class="top_div"></DIV>
<DIV style="background: rgb(255, 255, 255); margin: -100px auto auto; border: 1px solid rgb(231, 231, 231); border-image: none; width: 400px; height: 200px; text-align: center;">
<DIV style="width: 165px; height: 96px; position: absolute;">
<DIV class="tou"></DIV>
<DIV class="initial_left_hand" id="left_hand"></DIV>
<DIV class="initial_right_hand" id="right_hand"></DIV></DIV>
<P style="padding: 30px 0px 10px; position: relative;"><SPAN
class="u_logo"></SPAN>         <INPUT class="ipt" type="text" placeholder="请输入用户名或邮箱" value=""> </P>
<P style="position: relative;"><SPAN class="p_logo"></SPAN>
<INPUT class="ipt" id="password" type="password" placeholder="请输入密码" value="">   </P>
<DIV style="height: 50px; line-height: 50px; margin-top: 30px; border-top-color: rgb(231, 231, 231); border-top-width: 1px; border-top-style: solid;">
<P style="margin: 0px 35px 20px 45px;"><SPAN style="float: left;"><A style="color: rgb(204, 204, 204);"
href="#">忘记密码?</A></SPAN> <SPAN style="float: right;"><A style="color: rgb(204, 204, 204); margin-right: 10px;"
href="#">注册</A>  <A style="background: rgb(0, 142, 173); padding: 7px 10px; border-radius: 4px; border: 1px solid rgb(26, 117, 152); border-image: none; color: rgb(255, 255, 255); font-weight: bold;"
href="#">登录</A> </SPAN>         </P></DIV></DIV>
</BODY>
</HTML>

资源下载

【博主推荐】html下拉框树形（附好看的登录界面）
———— 相关资源

【博主推荐】html下拉框树形（附好看的登录界面）相关推荐

下拉推广系统立择火星推荐_下拉框软件都择火星下拉下拉框软件速来火星下拉...
区,当用户输入一个字或词,搜索引擎会智能输出与之相关联且流量最大的关键词,所以当客户去搜索某个产品或服务时,一眼就会看到这些加粗的黑体字,就会认为这些是大家最关注.最受欢迎和好评的商家或品牌,直接吸引 ...
下拉框系统甄选火星推荐_下拉框词工具都选16火星软件,下拉框词工具佳选23火星...
现在是十人九商的时代,产品种类和数量日益增多,竞争也在不断加大,微商切忌过长时间消耗在熟人市场,因为你的朋友圈熟人购买是有限的,等她们用完再回购需要时间,做久了你会发现,当你把原有的朋友圈子都卖完了, ...
php 类似微信下拉菜单,微信小程序实现下拉框（附代码）
微信小程序里没有和HTML里的下拉框一样的组件,想要相同的效果只能自己写一个,先看效果下面来看一下代码: 首先WXML {{selectData[index]}} {{item}} 然后WXSS(如 ...
【博主推荐】html后台管理系统框架(附源码)
html后台管理系统框架(附源码) 提示:内含有九套系统框架静态源码,包括列表,表单,曲线图,地图,报表,统计,弹框,加载等所有日常应用:不同的风格,炫酷的界面,可以直接嵌入自己的项目,并使用. 框架 ...
easyui复杂表单_jQuery EasyUI 表单 – 创建树形下拉框（ComboTree） | 菜鸟教程
jQuery EasyUI 表单 - 创建树形下拉框树形下拉框(ComboTree)是一个带有下列树形结构(Tree)的下拉框(ComboBox).它可以作为一个表单字段进行使用,可以提交给远程服务 ...
下拉推广系统立择火星推荐_下拉词推广权威易速达
做推广的人都离不开搜索引擎,就像鱼离不开水,很多时候我们做SEO的朋友都在研究各大搜索引擎的机制,收录,排名规则或者是黑帽技术,不管如何,只是希望把自己的企业,产品,服务在搜索上得到更多的展现机会,今 ...
Easyexcel生成excel并通过自定义注解实现下拉框以及动态下拉框(将数据库中的数据显示在excel下拉框中)
首先需要定义excel实体类 @Data @ColumnWidth(22) @HeadRowHeight(30) public class ExcelProductDTO {//动态下拉框,可以查询数 ...
美化的下拉框select2
今天,向大家介绍一款简单.实用的bootstrap风格的JQuery插件--select2. select2是对select下拉框的改进.如果你对界面的美感又一定要求,你一定会抛弃select,坚决的 ...
下拉框选中状态html,js中select下拉框选中
怎么用js动态设置select中的某个值为选中值 select 中的某个options为新建,但在子页面新建一个选项时怎么能提交新用JS动态设置select的方法如下: 手动通过原生JS来实现: / ...

【博主推荐】html下拉框树形（附好看的登录界面）

文章目录

【博主推荐】html下拉框树形（附好看的登录界面）

下拉框示例

下拉框代码

登录1示例

登录1代码

登录2示例

登录2代码

资源下载

【博主推荐】html下拉框树形（附好看的登录界面）相关推荐

最新文章

热门文章