web学习记录
来源:互联网 发布:c 语言培训 编辑:程序博客网 时间:2024/05/16 14:23
2016年9月21日22:27:51
今日学习到了如何插入背景图片和插入超链接。
<body>
<a href="http://www.baidu.com">提交</a>
</body> //超链接
<img src="H:\SSH网站开发\workspace\2.2\src\1.jpg" width="100%" height="100%" style="position:absolute;top:0;left:0;right:100;bottom:500;z-index:-1"> //图片插入
2016年9月27日11:13:58
<%@ page language="java" contentType="text/html; charset=gb2312"
pageEncoding="gb2312"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>西南财经大学天府学院统一身份认证平台</title>
<link href="a1.css" rel="stylesheet" type="text/css" />
//用CSS设置图片背景
@CHARSET "UTF-8";
body{
background-image:url(image/gradient.gif);
background-repeat:repeat-x;
background-color:blue;
} //
</head>
<body>
<font color="#000000">
<h3>用户登录<br>
</h3>
<br>
用户名:   <input type="text" placeholder="用户名" class="form-control top"id="usename"value=""><br><br>
密码:     <input type="password" placeholder="密码" class="form-control bottom"id="password1" onkeyup="compare();"/> <br><br>
确认密码: <input type="password" name="password2" id="password2" onkeyup="compare();" /><br><br>
<script>
function compare(){
var a=document.getElementById('password1').value;
var b=document.getElementById('password2').value;
if(a==b){
document.getElementById('ts').innerHTML="密码一致!";
}else{
document.getElementById('ts').innerHTML="两次密码不一致!";
}
}
</script>
<div class="checkbox">
<label>
<input type="checkbox">Remember Me
</label>
</div>
<a href="http://www.baidu.com">
<button class="btn btn-lg btn-primary btn-block" type="submit">登录</button>
</a>
<div id="ts"></div>
</body>
</html>
- web学习记录
- Web学习记录
- web.py学习记录
- Web开发学习记录
- 前端web学习记录
- web学习记录
- java web学习记录
- 学习记录 web入门
- java web学习记录
- Web学习记录
- web学习记录
- java Web 个人学习记录
- web 框架 Django 学习记录
- Web安全学习记录-HTML
- Web安全学习记录-JavaScript
- web 后端学习记录1_jsp学习记录
- 【web++第一阶段学习记录】servlet入门
- Web学习记录<一>目标与任务
- hadoop序列化机制
- 欢迎使用CSDN-markdown编辑器
- 9.18笔记 类 时间开放
- php中的释放语句unset和释放函数mysql_free_result()
- white-space: nowrap; text-overflow: ellipsis;
- web学习记录
- Android ToolBar使用
- strcpy函数
- HTTP协议详解
- 解决java 向jdbc中存储数据中文乱码问题
- hdoj-5616-Jam's balance
- Unity3D动作类游戏中两种相机抖动
- python自学笔记之7编写函数、print、版本差距
- Item09 绝不在构造和析构过程调用virtual函数