表單、下拉清單方塊、清單方塊、選擇鈕
核取方塊、文字區、文字方塊、指令按鈕、資料傳遞
取回表單資訊：request
回傳參數：get(少量資訊)、post(大量資訊，較常用)
selected、checked：預設選項
------------------------t1.jsp-------------------------------
<%@page contentType="text/html;charset=Big5" import="java.util.*"%>
<HTML>
<HEAD>
<TITLE>帳密留言</TITLE>
</HEAD>
<BODY>
<form method="post" action="f1.jsp">
帳號 <Input name=id type="text"> //文字區
<!--限制字數三：maxLength="3" 或 onKeypress="if (this.value.length>2)event.returnValue=false;"-->
</br>
密碼 <Input name=pw type="password"> //文字區(密碼)
</br>
//選擇鈕(單選)
性別<Input name=sex type=radio value="Male">Male
<Input name=sex type=radio value="Female">Female
</br>
//方塊清單+multiple(多選)
//size=1，下拉式選單(單選)
職業<select name=job size=3 multiple> <option selected>學生</option> <option>teacher</option>
<option>nothing</option> </select>
</br>
//核取方塊(多選)
旅遊地<Input type=checkbox name=place value=Taiwan checked>Taiwan
<Input type=checkbox name=place value=USA>USA
<Input type=checkbox name=place value=Canada>Canada
<Input type=checkbox name=place value=Japan>Japan
<Input type=checkbox name=place value=UK>UK
</br>
//文字方塊
留言<Textarea name=msg row=50 cols=20 name="留言區"></textarea>
</br>
//選擇鈕(送出)
<Input type=submit name=sb value="送出">
//選擇鈕(重設)
<Input type=reset name=rt value="清除">
</BODY>
</HTML>
--------------------------f1.jsp----------------------------
<%@page contentType="text/html;charset=Big5"%>
<html>
<head><title>f1</title></head>
<body>
<% request.setCharacterEncoding("big5");
String name=request.getParameter("id");
String pw=request.getParameter("pw");
String s=request.getParameter("sex");
String[] jb=request.getParameterValues("job"); //清單方塊為陣列
String[] tra=request.getParameterValues("place"); //核取方塊為陣列
String msg=request.getParameter("msg");
%>
<%
if(pw.equals("1")){
out.println("姓名："+name+"</br>");
out.println("性別："+s+"</br>");
int a = java.lang.reflect.Array.getLength(jb);
for(int i=0; i<a;i++){
out.println("職業："+jb[i]+"</br>");
}
a = java.lang.reflect.Array.getLength(tra);
for(int i=0; i<a;i++){
out.println("旅遊地："+tra[i]+"</br>");
}
out.println("留言內容："+msg+"</br>");
}else
out.println("wrong");
%>
</body>
</html>
沒有留言:
張貼留言