首页
Web开发
Windows程序
编程语言
数据库
移动开发
系统相关
微信
其他好文
会员
首页
>
其他好文
> 详细
网上参考的。
时间:
2018-09-16 20:59:41
阅读:
148
评论:
0
收藏:
0
[点我收藏+]
标签:
tst
pos
jquery
login
用户
密码
http
登录
post
<
%@
page
language=
"java"
contentType=
"text/html; charset=utf-8"
pageEncoding=
"utf-8"%>
<
%@
page
import=
"java.util.*" %>
<!DOCTYPE html >
<
html>
<
head>
<
meta
http-equiv=
"Content-Type"
content=
"text/html; charset=utf-8">
<!--修正IE浏览器渲染效果的问题-->
<
meta
http-equiv=
"X-UA-Compatible"
content=
"IE=edge">
<!--内容自适应-->
<
meta
name=
"viewport"
content=
"width=device-width, initial-scale=1">
<
link
rel=
"stylesheet"
href=
"css/bootstrap.css"
type=
"text/css" >
<
script
type=
"text/javascript"
src=
"js/jquery.js">
</
script>
<
title>用户登录
</
title>
<!-- 点击重置按钮清空用户名和密码 -->
<
script>
$(
document).ready(
function(
){
$(
"#reset").click(
function(
){
$(
"#username").val(
"");
$(
"#pwd").val(
"");
});
});
</
script>
</
head>
<
body>
<
div
class=
"row text-center"
style=
"padding-top:30px; padding-bottom:30px; background-color: #CCC; margin-top:200px;">
<
form
action=
"LoginServlet"
method=
"post">
<
div
class=
"col-md-6 col-md-offset-3">
<
div>
<
label>帐号:
</
label>
<
input
type=
"text"
id=
"username"
name=
"username" />
</
div>
<
div>
<
label
class=
"img-circle">密码:
</
label>
<!-- name很中要,用于后台获取值,一般class修饰样式,id在js中用 -->
<
input
class=
"input"
id=
"pwd"
name=
"pwd"
type=
"password" />
</
div>
<
div
style=
"margin:10px 0px;">
<
input
class=
"btn btn-primary"
type=
"submit"
value=
"登录" />
<
input
class=
"btn btn-group"
id=
"reset"
type=
"button"
value=
"重置" />
</
div>
</
div>
</
form>
</
div>
<
script
type=
"text/javascript"
src=
"js/jquery.js">
</
script>
</
body>
</
html>
网上参考的。
标签:
tst
pos
jquery
login
用户
密码
http
登录
post
原文地址:https://www.cnblogs.com/eunji/p/9657027.html
踩
(
0
)
赞
(
0
)
举报
评论
一句话评论(
0
)
登录后才能评论!
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
更多
分布式事务
2021-07-29
OpenStack云平台命令行登录账户
2021-07-29
getLastRowNum()与getLastCellNum()/getPhysicalNumberOfRows()与getPhysicalNumberOfCells()
2021-07-29
【K8s概念】CSI 卷克隆
2021-07-29
vue3.0使用ant-design-vue进行按需加载原来这么简单
2021-07-29
stack栈
2021-07-29
抽奖动画 - 大转盘抽奖
2021-07-29
PPT写作技巧
2021-07-29
003-核心技术-IO模型-NIO-基于NIO群聊示例
2021-07-29
Bootstrap组件2
2021-07-29
友情链接
兰亭集智
国之画
百度统计
站长统计
阿里云
chrome插件
新版天听网
关于我们
-
联系我们
-
留言反馈
© 2014
mamicode.com
版权所有 联系我们:gaon5@hotmail.com
迷上了代码!