html+写入数据库+JDBC更改数据库

1 HTML部分：

2: CSS部分

    <div id="avatar"></div><div id="account"><div class="input-box"><input type="text" placeholder="Please input username"></div><div class="input-box"><input type="password" placeholder="Please input password"></div></div><button class="login-btn">Sign In</button><div id="footer"><a href="#">Forget Password?</a></div>
</div>

CSS代码部分：
@charset “utf-8”;
/统一设置/
*{
margin: 0;
padding: 0;
}
/网页背景图片/
body{
background: url(“background.jpg”) no-repeat ;
background-size: cover;
}
/登陆区主体/
#main{
width: 350px;
height: 600px;
background: rgba(0,0,0,0.5);
margin: 40px auto;
border-top: 8px solid #ffc5d1;
position: relative;
}

/头像区/
#avatar{
width: 184px;
height: 184px;
background: url(“avatar.jpg”) no-repeat;
background-size: cover;
margin: 50px auto;
border-radius: 50%;

}

/账号密码区/
#account{
width: 75%;
/height: 200px;/
/background: #ffd1e4;/
margin: 0 auto;
}
#account .input-box{
height: 50px;
/background: #ffbcdd;/
}
#account .input-box input{
height: 40px;
width: calc(100% - 10px);
border: none;
outline: none;
padding: 0 5px;
background: rgba(0,0,0,0.5);
color: #ffcae5;
font-size: 16px;
}

/登录按钮/
.login-btn{
width: 75%;
height: 40px;
display: block;
margin: 30px auto;
background:#ffc5d1 ;
border: none;
outline: none;
color: #fff;
font-size: 16px;
cursor: pointer;
}
/按下按钮/
.login-btn:active{
position: relative;
top:2px;
}

/登陆区底部/
#footer{
height: 50px;
text-align: center;
line-height: 50px;
position: absolute;
bottom: 0;
width: 100%;
border-top: 1px solid #ccc;
}
#footer a{
color: #ccc;
text-decoration: none;
}
#footer a:hover{
color: red;
}

3：实际代码

4：实际生成页面

html+写入数据库+JDBC更改数据库相关推荐

SQL Server2019还原.bak文件为数据库且更改数据库的存放位置
简单了解bak文件 bak是一个备份文件,为文件格式扩展名.这类文件一般在.bak前面加上应该有原来的扩展名比如windows.dll.bak,或是windows_dll.bak,有的则是由原文件的后 ...
数据库复制更改数据库名称
1.备份数据库. 2.还原数据库. 3.记录数据库所在路径. 4.关键,分离数据库点击确认. 5.根据之前记录的数据库路径找到对应原始数据库,修改想要改变的名称 6.关键,附加数据库. 7.点击添加 ...
mysql数据库快捷键_MySQL数据库（YOG软件）快捷键大全
Ctrl+M 创建一个新的连接Ctrl+N 使用当前设置新建连接Ctrl+F4 断开当前连接对象浏览器F5 刷新对象浏览器(默认)Ctrl+B 设置焦点于对象浏览器 SQL 窗口 ...
数据库JDBC（知识点整理）
文章目录 Mysql数据库表引擎与字符集 1.服务器处理客户端请求 2.存储引擎 MyISAM和InnoDB表引擎的区别字符集和乱码 MySQL中的utf8和utf8mb4 数据库基础简介常见的 ...
Java数据库开发与应用之MySQL数据库、JDBC操作数据库、C3P0数据库连接池，Java反射等
MySQL数据库,JDBC接口,MyBatis框架等,掌握的数据的存放和管理. Java数据库开发基础,介绍MySQL数据库.JDBC操作数据库.C3P0数据库连接池,Java反射等内容,进行油画商城 ...
JavaWeb：用JDBC操作数据库
JDBC系列阅读 JavaWeb:用JDBC操作数据库 JavaWeb:JDBC之事务 JavaWeb:JDBC之数据库连接池使用JDBC实现水果超市管理系统 1. 什么是JDBC JDBC的全称是 ...
mysql 更改数据库编码_更改MySQL数据库的编码为utf8mb4
utf-8编码可能2个字节.3个字节.4个字节的字符,但是MySQL的utf8编码只支持3字节的数据,而移动端的表情数据是4个字节的字符.如果直接往采用utf-8编码的数据库中插入表情数据,Java程 ...
Spring实战6-利用Spring和JDBC访问数据库
主要内容定义Spring的数据访问支持配置数据库资源使用Spring提供的JDBC模板写在前面:经过上一篇文章的学习,我们掌握了如何写web应用的控制器层,不过由于只定义了SpitterRep ...
java监听数据库操作_第十六篇——JDBC操作数据库之监听器
JavaWeb应用中,很多的地方都和session有关.因此session相关的事件监听器,在日常工作中非常有用. 有时候我们需要统计当前在线的人数和访问人数总数,此时就可以使用监听器技术来很简单的实 ...

html+写入数据库+JDBC更改数据库

html+写入数据库+JDBC更改数据库相关推荐

最新文章

热门文章