简单的页面 完成提交用户名的请求
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>输入用户名</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
</head>
<body background = "images/bg.gif">
<script language = "javascript">
function checkuser(){
if(document.form.username.value ==""){ //如果username输入框内容为空
alert("请输入用户名") //弹出提示对话框
document.form.username.focus(); //光标停留在username输入框
}
Else
document.form.submit(); //否则提交表单
}
</script>
<br>
<form name = "form" action = "weluser.jsp" method = "get">
<table width = "200" border = "1" align = "center">
<tr>
<th> 用户名:</th>
<td> <input type = "text" name = "username" size = "10">
</tr>
<tr>
<td colspan = "2" align = "center">
<input type = "button" value = "提交" onclick = "checkuser()">|<input type = "reset" value = "重置">
<!-- 定义一个单击事件 当用户点击“提交” 按钮将出发JavaScript中定义的checkuser()方法-->
</td>
</tr>
</table>
</form>
</body>
</html>
输出欢迎信息 WelCome XiAoOMAn!
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>欢迎您</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
</head>
<body background = "images/bg.gif">
<center>
<%
String username = request.getParameter("username"); //获取用户信息
out.println("Welcome " + username + "!"); %>
</center>
<br>
</body>
</html>
tips:
 
在页面上显示空格,有时候表的单元个如果没有字就不显示内边匡了,加上这个,就可以显示了。
因为,html中只承认最多两个连在一起的空个,所以,需要多个空格的时候,就要用 来表示。
标签
<table>
设定一格表格
<table width = "200" border = "1" align = "center">
其中 width便是宽度设定 border设定边框粗细 align设置表格位置(center 居中)
<tr>
tr 定义一行
td定义行中的一段
th定义行中的一段 黑体
<tr>
<td colspan = "2" align = "center">
<input type = "submit" value = "提交">|<input type = "reset" value = "重
置">
</td>
</tr>
colspan属性设置表元横跨的列数 (以上排为 2列)
分享到:
相关推荐
本人自行研究JSP自定义标签的学习笔记 目录如下: 目录 一、概述 1 1.1 使用简单标签机制 2 1.2 使用标签文件 3 二 、自定义标签简介 3 2.1 自定义标签概念 3 2.2 标签相关概念 3 2.3 如何创建自定义标签 3 三、自...
是jsp自定义标签学习,从基础到实践。是一个比较好的适合初学者学习的材料
学习JSP标签的基础实例代码,包含了JSP标签技术需要的最基本的文件,便于理解JSP标签的底层实现。
JSP标签、自定义标签,含有属性的JSP标签,学习标签的基本功。
jsp学习,ul表达式,page(页面)指令,include(包含)指令,taglib(导入标签库)指令
学习JSP标签的基础实例代码,包含了JSP标签技术需要的最基本的文件,便于理解JSP标签的底层实现。
jsp 常用标签jsp 常用标签我觉得\
JSTL AIP帮助文档,JSP标签学习文档
java jsp自定义标签非常好用大家下载学习java jsp自定义标签非常好用大家下载学习java jsp自定义标签非常好用大家下载学习java jsp自定义标签非常好用大家下载学习java jsp自定义标签非常好用大家下载学习java jsp...
JSP标签库和JSTL ppt学习~~~~~~~~~~~~~~~~~~~~~~~~~~~~
JSP全称Java Server Pages,是一种动态网页开发技术。它使用JSP标签在HTML网页中插入Java...JSP标签有多种功能,比如访问数据库、记录用户选择信息、访问JavaBeans组件等,还可以在不同的网页中传递控制信息和共享信息
学习JSP标签的基础实例代码,包含了JSP标签技术需要的最基本的文件,便于理解JSP标签的底层实现。
学习JSP标签的基础实例代码,包含了JSP标签技术需要的最基本的文件,便于理解JSP标签的底层实现。
5、Jsp标签、表达式、会话管理、Jsp项目搭建等企业级内容 无论您是在校大学生,还是职业学员,或者Jsp设计开发人员,本书都志在全面提高您的Jsp设计思想和开发实力,使您能够写出高质量的Jsp代码,相信读完本书后...
在网上学习jsp自定义标签的时候, 出现了异常, 在网上寻找了好久, 都没有找到合适的答案, 自己通过摸索最后成功, 分享给大家, 希望能够帮助到你, 自定义标签不能放在java Project中, 只能在java web Project中才可以.
学习JSP标签的基础实例代码,包含了JSP标签技术需要的最基本的文件,便于理解JSP标签的底层实现。
jsp、jstl自定义标签实现的分页,实现的还是比较好的,没有在request、session等范围保存过数据,在pageContext范围内保存过集合的数据, 实现的方法还是比较简单的,适用性还是比较广的,我是实在是没分了,平时也...
jsp学习总结jsp基础自定义标签eL表达式
5、Jsp标签、表达式、会话管理、Jsp项目搭建等企业级内容 无论您是在校大学生,还是职业学员,或者Jsp设计开发人员,本书都志在全面提高您的Jsp设计思想和开发实力,使您能够写出高质量的Jsp代码,相信读完本书后...