已成功安装tomcat成功安装IDEA,并且创建Java web文件
input页面代码为:
<form action="show.jsp" method="post">
<ul style="list-style: none;line-height: 30px">
<li>姓名:<input type="text"name="name"></li>
<li>选择性别:
<input name="sex" type="radio" value="男">男
<input name="sex" type="radio" value="女">女
</li>
<li>爱好:
<div style="width:400px">
<input name="hobby" type="checkbox" value="篮球">篮球
<input name="hobby" type="checkbox" value="旅游">旅游
<input name="hobby" type="checkbox" value="音乐">音乐
<input name="hobby" type="checkbox" value="摄影">摄影
</div>
</li>
<li>E-mail:<input type="text"name="email"></li>
<li>
<input type="submit" value="submit">
<input type="submit" value="重写" onclick="resetForm()">
</li>
</ul>
</form>
<script>
function resetForm() {
// 将表单元素的值全部设为空
document.querySelector('form').reset();
}
</script>
output界面代码为
<%@ page import="java.nio.charset.StandardCharsets" %>
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
<title>JSP 编程练习</title>
</head>
<body>
<form action="show.jsp" method="post">
<ul style="list-style: none;line-height: 30px">
<li>姓名:
<%=new String(request.getParameter("name").getBytes("ISO8859_1"),"UTF-8")%>
</li>
<li>选择性别:
<%=new String(request.getParameter("sex").getBytes("ISO8859_1"),"UTF-8")%>
</li>
<li>爱好:
<%String[] like= request.getParameterValues("hobby");
for (int i=0;i< like.length;i++){
%>
<%=new String(like[i].getBytes("ISO8859_1"),"UTF-8")%>
<%}
%>
</li>
<li>E-mail: <%=new String(request.getParameter("email").getBytes("ISO8859_1"),"UTF-8")%></li>
</ul>
</form>
</body>
</html>
结果为:
登录页面代码为
<form action="show.jsp" method="post">
<ul style="list-style: none;line-height: 30px">
<li>账号:<input type="text"name="number"></li>
<li>密码:<input type="password"name="password"></li>
<li><input type="submit" value="登录"></li>
</ul>
</form>
<%String str=request.getParameter("number");
String str1=request.getParameter("password");
if (str != null && str.equals("yuxu") && str1 != null && str1.equals("777")) {
out.println("你好,虞絮");
} else {
out.println("您输入的账号密码有误!");
}
%>