1. The document describes the steps to create a basic web form using JSP including creating a web application project in Eclipse, adding a form.jsp page with input fields, and a profile.jsp page to display the submitted form data. 2. The form.jsp page contains code for various HTML form elements like text fields, radio buttons, checkboxes, dropdown menus etc to collect user input. 3. The profile.jsp page uses JSP scriplet tags to retrieve and display the submitted form data from the HTTP request parameters.

1. 5304101373
2. 5404101301
3. 5404101313
4. 5404101348
5. 5404101409
1

2. ( 313)
313)
Text
flied server

3. 1
Application server 1
Web application 2

4. 5
o Text field 8
o Check Box) 8
o Text Area 9
o Radio Button 9
o Select /Menu 10
o 11
o Button) 11
12
12
12
13
Run 15
16
Web Application

5. web application
JSP
In put
web browser
- Application server
- Web application
-
1. Application server
eclipse compile Deploy
Application server Tomcat tab server
window new server
Apache Tomcat v6.0 server Tomcat v7.0 server
Browse folder Tomcat

6. 2. WebApplication Project
Web-Base Application Project
File new Project
Folder Web Dynamic Web Project

7. 2.2 Project Name = “………..”
File Eclipse Directory
Default

8. Directory
Next

9. Folder source code Output Folder
Class File
directory Run

10. 3.
Form.jsp
source code
<formaction="ProFile.jsp"name="form01"method="post"onsubmi
t="return check()">
<table>
<tr>
<td> </td>
<td><inputtype="text"maxlength="13"id="idcard"name="idcard
"placeholder= ><br></td>
</tr>
<tr>

11. <tdalign="right"> </td>
<td><inputtype="text"maxlength="30"placeholder= id="nam
e"name="name"><br></td>
</tr>
<tr>
<tdalign="right"> </td>
<td><inputtype="text"maxlength="30"placeholder= id=
"lastname"name="lastname"><br></td>
</tr>
<tr>
<tdalign="right"> </td>
<td><inputtype="radio"checked="checked"name="sex"> <inpu
ttype="radio"name="sex"> <br></td>
</tr>
<tr>
<tdalign="right"> </td>
<td><inputtype="checkbox"name="sport"value=" ">
<inputtype="checkbox"name="sport"value=" ">
<inputtype="checkbox"name="sport"value=" ">
<inputtype="checkbox"name="sport"value=" "> <br></
td>
</tr>
<tr>
<tdalign="right"> </td>
<td><textareaplaceholder= id="address"
name="address"></textarea><br></td>
</tr>
<tr>
<tdalign="right"> </td>
<td><selectname="county">
<optionvalue=" "> </option>
<optionvalue=" "> </option>
<optionvalue=" "> </option>
<optionvalue=" "> </option>
<optionvalue=" "> </option>

12. <optionvalue=" "> </option>
<optionvalue="> "> </option>
</select><br></td>
</tr>
<tr>
<tdalign="right"> </td>
<td><inputtype="text"maxlength="10"placeholder= id=
"tell"name="tell"><br></td>
</tr>
<tr>
<tdalign="right"> </td>
<td><inputtype="text"placeholder= id="email"name="ema
il"><br></td>
</tr>
<tr>
<tdalign="right"> </td>
<td><inputtype="file"id="pic"name="pic"><br></td>
</tr>
<tr>
<tdalign="center"colspan="2"><inputtype="submit"name="ok"v
alue=" "">
<inputtype="reset"name="delete"value=" "><br></td>
</tr>
</table>
</form>

13. Text field
<inputtype="text"maxlength="13"id="idcard"name="idcar
d"placeholder= >
(type) text maxlength
idcard ID
Check Box)

14. <inputtype="checkbox"name="sport"value=" ">
<inputtype="checkbox"name="sport"value=" ">
<inputtype="checkbox"name="sport"value=" ">
<inputtype="checkbox"name="sport"value=" ">
(type) checkbox
sport value
Text Area
Text Area
E-mail
Text Field
<textareaplaceholder= id="address"
name="address"></textarea>

15. textarea
address ID placeholder
3 Radio Button
Radio Button
<inputtype="radio"checked="checked"name="sex"> <inp
uttype="radio"name="sex">
(type) radio
sex checked
Select /Menu

16. Select /Menu
<selectname="county">
<optionvalue=" "> </option>
<optionvalue=" "> </option>
<optionvalue=" "> </option>
<optionvalue=" "> </option>
<optionvalue=" "> </option>
<optionvalue=" "> </option>
<optionvalue=" "> </option>
select
county value
Upload Server
Browse

17. <inputtype="file"id="pic"name="pic">
(type) file pic
Button)
Submit Reset
CGI Script)
<inputtype="submit"name="ok"value=" "">
<inputtype="reset"name="delete"value=" ">

18. (type)
submit reset ok
delete
Web Browser
Web Browser
Form.jsp Add
-
-
Form
- Idcard
- Name
- Last name
- Sex

19. - Sport
- Address
- County
- Tell
- Email
- Pic
Http
request
getParameter
String idcard = request.getParameter("idcard");
String name = request.getParameter("name");
String lastname = request.getParameter("lastname");
String sex = request.getParameter("sex");
String address = request.getParameter("address");
String county = request.getParameter("county");
String tell = request.getParameter("tell");
String email = request.getParameter("email");
String pic = request.getParameter("pic");
String sport[] = request.getParameterValues("sport");
2.
server Web
Browser

20. Code
<table>
<tr>
<tdalign="center"colspan="2"><imgalt=""src="images/<%=pic%
>"width="60"height="60"></td>
</tr>
<tr>
<td> </td>
<td><%=idcard%><br></td>
</tr>
<tr>
<tdalign="right"> </td>
<td><%=name%><br></td>
</tr>
<tr>
<tdalign="right"> </td>
<td><%=lastname%><br></td>
</tr>
<tr>
<tdalign="right"> </td>
<td><%if(sex.equals("sex")){%> <%
}else{%> <%}%><br></td>
</tr>
<tr>
<tdalign="right"> </td>
<td><%for(int i=0;i<sport.length;i++){ %>
<%=sport[i] %><%if(i<sport.length-1){ %>, <%}} %>
<br></td>
</tr>
<tr>
<tdalign="right"> </td>
<td><%=address%><br></td>
</tr>

21. <tr>
<tdalign="right"> </td>
<td><%=county%><br></td>
</tr>
<tr>
<tdalign="right"> </td>
<td><%=tell%><br></td>
</tr>
<tr>
<tdalign="right"> </td>
<td><%=email%><br></td>
</tr>
</table>
1. Run
Run As Run on Server Finish

24. http://freepowerpoint-
template.blogspot.com/search/label/Templates?updated-
max= T A A B A &max-
results=
http://office.microsoft.com/en-us/templates/template-categories-
FX aspx
http://office.microsoft.com/en-
us/templates/results.aspx?qu=technology&av=zpp#ai:TC
|
https://sites.google.com/site/class technique
http://www.library.cddkorat.com/index.php?option=com_content
&view=article&id= &catid=
---------
&Itemid=
http://www.slideshare.net/dakcom/webprogramming-eclipsejsp
http://www.nectect.or.th
http://www.webthaidd.com/dreamweaver/news.php?id=445
---

25. http://cannot.info/page?p=1310520034773
http://www.pyayam.com/article/show.php?Category=webpage&
No=67