html阶段性小结1---简单的登录界面及跳转
学完html的基本标记之后,做一小结,写一个简要的登录页面
内容包括表格和表单的使用,以及图片的导入和超链接标记
截图:
登录(html常用标记.jsp)
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>阶段性学习成果---登录</title>
</head>
<body>
<form action = "url" method = "post" name = "login">
<table width="1000" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/01.jpg" width="1000" height="200"></td>
</tr>
</table>
<table width = "900" border = "0" align = "center" valign = "middle" cellpadding="0" cellspacing="0">
<tr height = "30">
<td width = "400" align = "right" valign = "middle">账 号:</td>
<td align = "left" valign = "middle">
<input name = "username" type = "text" id = "username1" maxlength = "20">
</td>
</tr>
<tr height = "30">
<td width = "400" align = "right" valign = "middle">密 码:</td>
<td align = "left" valign = "middle">
<input name = "password" type = "password" id = "password1" maxlength = "20">
</td>
</tr>
<tr height = "30" width = "400" align = "center">
<td width = "400" align = "right" valign = "middle"></td>
<td align = "left" valign = "middle">
<a href = "登录成功.jsp">
<input name = "submit" type = "button" id = "submit1" value = "登录" >
</a>
</td>
</tr>
</table>
</form>
</body>
</html>
登录成功跳转(登录成功.jsp)
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
登录成功!!!
</body>
</html>
- 上一篇 »使用AsyncTask异步更新UI界面及原理分析
- 下一篇 »响应式网页设计简单入门