JavaWeb小练习1

最新推荐文章于 2022-11-09 15:41:11 发布

xh_Dopamine

最新推荐文章于 2022-11-09 15:41:11 发布

阅读量438

点赞数 2

分类专栏： JavaWeb

本文链接：https://blog.csdn.net/SDAU_LGX/article/details/109046447

版权

JavaWeb 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

本文通过三个示例介绍了如何使用JSP进行简单的编程。首先展示了计算1~10和并在页面输出的代码，然后以直角三角形形式在页面显示数字。最后，创建了一个包含用户注册信息的表单，包括用户名、密码、性别、邮箱等字段，以及用户协议的确认选项。这些例子涵盖了JSP的基础语法和HTML元素的使用。

摘要由CSDN通过智能技术生成

文章目录

前两个题目都比较简单，只要弄明白 <% %>和 <%= %>就可以了。

<% %>是jsp的代码区域。
<%= %>是jsp的表达式区域。

1.使用jsp，计算1~10的和，在页面输出

代码：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>注册页面</title>
</head>
<body>
	<%
		int i;
		for(i=1;i<=10;i++){
	%>
		<%=i%>
	<% 	
		}
	%>
</body>
</html>

网页效果：
在这里插入图片描述

2.以直角三角形形式页面显示数字

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>注册页面</title>
</head>
<body>
	<%
		int i,j=0;
		for(i=1;i<=9;i++){
			j=j*10+i;
	%>
		<%=j%>
		<br>
	<% 	
			}
	%>
			
	
</body>
</html>

网页效果
在这里插入图片描述

第三个相对来说复杂一些，使用了一些HTML里面的知识。这个页面实际上就是一个表单，为了让页面看起来更整齐一些，使用了表格，当然表格的边框要设为0。

第一行 填写注册信息 需要合并单元格、居中。
第二行 用户名是个 文本域
第三行 密码是个 密码域
第四行 确认密码同样是个 密码域
第五行 性别是个 单选按钮
第六行 邮箱地址是个 文本域
第七行 基本情况是个多行文本框
第八行 小方格是个 复选框
最后一行是一个 提交按钮和一个 取消按钮

3.注册页面

代码：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>注册页面</title>
</head>
<body>
	<table border="0" align="center" width="700">
		<tr><td colspan="3" align="center" height="40"><b>填写注册信息</b></td></tr>
		<tr><td align="right">用户名：*</td>
			<td><input type="text" name="userName"/></td>
			<td>用户名由字母开头，后跟字母、数字或下划线！</td>
		</tr>
		<tr><td align="right">密码：*</td>
			<td><input type="password" name="userPwd1"/></td>
			<td>设置登录密码，至少六位</td>
		</tr>
		<tr><td align="right">确认密码：*</td>
			<td><input type="password" name="userPwd2"/></td>
			<td>请再输入一次你的密码</td>
		</tr>
		<tr><td align="right">性别：*</td>
			<td><input type="radio" name="userSex" value ="男"checked/>男
				<input type="radio" name="userSex" value = "女"/>女</td>
			<td>请选择你的性别</td>
		</tr>
		<tr><td align="right">邮箱地址：*</td>
			<td><input type="text" name="userEmail"/></td>
			<td>请填写您的常用邮箱，可以用此邮箱找回密码</td>
		</tr>
		<tr><td align="right" valign="top">基本情况：*</td>
			<td colspan="2">
				<textarea name="userBasicInfo"rows="5"cols="50"></textarea></td>
		</tr>
		<tr><td colspan="3" align="center" height="40">
			<input type="checkbox" name="accept" value="yes"/>
			我已仔细阅读并同意接受用户使用协议</td>
		</tr>
		<tr><td colspan="3" align="center" height="40">
			<input type="submit" value="确认"/>&nbsp;
			<input type="reset" value="取消"/></td>
		</tr>
	</table>
</body>
</html>