jsp标签学习 (一)

最新推荐文章于 2021-08-21 11:54:27 发布

iteye_721

最新推荐文章于 2021-08-21 11:54:27 发布

阅读量165

点赞数

分类专栏：学习日志文章标签： JSP HTML JavaScript ViewUI

本文链接：https://blog.csdn.net/iteye_721/article/details/81815972

版权

学习日志专栏收录该内容

16 篇文章 0 订阅

订阅专栏

简单的页面完成提交用户名的请求


<%@ 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：

&nbsp
在页面上显示空格，有时候表的单元个如果没有字就不显示内边匡了，加上这个，就可以显示了。
因为，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列)