1. การสร้างแบบฟอร์ม
การ
ส่ง
ค่า
ตัว
แปร

2. การสร้างแบบฟอร์ม

3. การสร้างแบบฟอร์ม
รูปแบบพื้นฐานการสร้าง Tag
ชื่อ Tag <form> ... </form>
คาอธิบาย ใช้สร้างแบบฟอร์ม
ตัวอย่าง <form method="post" action="update.php">
<input type="text" name="panda" /> <input
type="submit" name="submit" /> </form>

4. การสร้างแบบฟอร์ม
ชื่อ Tag <form method="value"> ... </form>
ค่าvalue get, post
คาอธิบาย ใช้กาหนดวิธีการส่งข้อมูล
ตัวอย่าง <form method="post"> ... </form>
รูปแบบพื้นฐานการสร้าง Tag

5. การสร้างแบบฟอร์ม
ชื่อ Tag <form action="value"> ... </form>
ค่าvalue ชื่อไฟล์ ( ประเภท CGI )
คาอธิบาย ใช้กาหนดไฟล์ที่จะรับข้อมูลไปประมวลผล
ตัวอย่าง <form action=“welcome.jsp"> ... </form>
รูปแบบพื้นฐานการสร้าง Tag

6. การสร้างแบบฟอร์ม
ชื่อ Tag <input type="value" />
ค่าvalue text, password, hidden, submit, image,
reset, button, file, checkbox, radio
คาอธิบาย ใช้ในการกาหนด ช่องรับข้อมูลประเภทต่างๆ
ตัวอย่าง <input type="text" name="panda" /> <input
type="submit" name="submit" />
รูปแบบพื้นฐานการสร้าง Tag

7. การสร้างแบบฟอร์ม
ชื่อ Tag <input name="value" />
ค่าvalue ข้อความ
คาอธิบาย ใช้กาหนดชื่อให้กับ ช่องรับข้อมูล
ตัวอย่าง <input type="text" name="sex" /> <input
type="text" name="name" />
รูปแบบพื้นฐานการสร้าง Tag

8. การสร้างแบบฟอร์ม
ชื่อ Tag <input id="value" />
ค่าvalue ข้อความ
คาอธิบาย ใช้กาหนด id ให้กับ ช่องรับข้อมูล
ตัวอย่าง <input type="text" name="sex" /> <input
type="text" name="name" />
รูปแบบพื้นฐานการสร้าง Tag

9. การสร้างแบบฟอร์ม
ชื่อ Tag <input value="value" />
ค่าvalue ข้อความ
คาอธิบาย ใช้กาหนดค่าข้อมูล ให้กับช่องรับข้อมูล
ตัวอย่าง <input type="text" name="sex" value="man"
/> <input type="text" name="name"
value=“JSP" />
รูปแบบพื้นฐานการสร้าง Tag

10. การสร้างแบบฟอร์ม
ชื่อ Tag <input maxlength="value" />
ค่าvalue ตัวเลข
คาอธิบาย ใช้กาหนดจานวนสูงสุด ที่สามารถพิมพ์ลงไปได้
ตัวอย่าง <input type="text" name="sex"
maxlength="5" /> <input type="text"
name="name" maxlength="25" />
รูปแบบพื้นฐานการสร้าง Tag

11. การสร้างแบบฟอร์ม
ชื่อ Tag <input size="value" />
ค่าvalue ตัวเลข
คาอธิบาย ใช้กาหนด ขนาด ของช่องรับข้อมูล
ตัวอย่าง <input type="text" name="sex" size="8" />
<input type="text" name="name" size="12"
/>
รูปแบบพื้นฐานการสร้าง Tag

12. การสร้างแบบฟอร์ม
ชื่อ Tag <input src="value" />
ค่าvalue ชื่อไฟล์ภาพ
คาอธิบาย ใช้กาหนดรูปภาพ
ตัวอย่าง <input type="image" src="panda.gif" />
รูปแบบพื้นฐานการสร้าง Tag

13. การสร้างแบบฟอร์ม
ชื่อ Tag <input checked="value" />
ค่าvalue checked
คาอธิบาย ใช้กาหนดว่าให้ checkbox หรือ radio นั้น ถูกเลือก
อยู่
ตัวอย่าง <input type="checkbox"
checked="checked" /> <input type="radio"
checked="checked" />
รูปแบบพื้นฐานการสร้าง Tag

14. การสร้างแบบฟอร์ม
ชื่อ Tag <textarea> ... </textarea>
คาอธิบาย ใช้ในการกาหนด อุปกรณ์การรับข้อมูล แบบรับ
ข้อความได้หลายบรรทัด
ตัวอย่าง <textarea cols="30" rows="5"> ข้อความ
</textarea>
รูปแบบพื้นฐานการสร้าง Tag

15. การสร้างแบบฟอร์ม
ชื่อ Tag <select> ... </select>
คาอธิบาย ใช้สร้างช่องรับข้อมูลแบบ dropdown
ตัวอย่าง <select name="country"> <option
value="1"> Thailand </option> <option
value="2"> England </option> </select>
รูปแบบพื้นฐานการสร้าง Tag

16. การสร้างแบบฟอร์ม
ชื่อ Tag <select name="value"> ... </select>
ค่าvalue ข้อความ
คาอธิบาย ใช้กาหนดชื่อช่องรับข้อมูล
ตัวอย่าง <select name="country"> ... </select>
รูปแบบพื้นฐานการสร้าง Tag

17. การสร้างแบบฟอร์ม
ชื่อ Tag <select size="value"> ... </select>
ค่าvalue ตัวเลข
คาอธิบาย ใช้กาหนดขนาดของ list ซึ่งเมื่อกาหนดมากกว่า 1 จะ
ทาให้ list นี้ กลายเป้น list box ( ปกติเป็นแบบ
dropdown list )
ตัวอย่าง <select size="5"> ... </select>
รูปแบบพื้นฐานการสร้าง Tag

18. การสร้างแบบฟอร์ม
ชื่อ Tag <option value="value"> ... </value>
ค่าvalue ข้อความ
คาอธิบาย ใช้กาหนด ค่าข้อมูล ของรายการ โดยค่าข้อมูลนี้จะ
ถูกส่งไป เมื่อมีการ submit form
ตัวอย่าง <option value="1"> Thailand </option>
<option value="2"> England </option>
รูปแบบพื้นฐานการสร้าง Tag

19. การสร้างแบบฟอร์ม
ชื่อ Tag <option selected="value"> ... </option>
ค่าvalue selected
คาอธิบาย ใช้กาหนดว่า รายการนั้น ถูกเลือกอยู่
ตัวอย่าง <option> Thailand </option> <option
selected="selected"> England </option>
<option> Australia </option>
รูปแบบพื้นฐานการสร้าง Tag

20. การสร้างแบบฟอร์ม
ชื่อ Tag <label> ... </label>
ค่าvalue ใช้กาหนด ป้ายชื่อ ให้กับ ช่องรับข้อมูล
คาอธิบาย ใช้กาหนด ป้ายชื่อ ให้กับ ช่องรับข้อมูล
ตัวอย่าง <label> ชื่อ : <input type="text" /> </label>
รูปแบบพื้นฐานการสร้าง Tag

21. ตัวอย่างแบบฟอร์ม
ตัวอย่างการออกแบบ Web site

22. การส่งค่าตัวแปร
การส่งค่า Servlet

23. การส่งค่าตัวแปร
การรับค่ามาแสดง

24. ตัวอย่างการส่งค่าตัวแปร
การรับค่ามาแสดง

25. 1. นายภาสกร อินทสิทธิ์ รหัส 5304101373
2. นางสาวกนกนวล อินขาน รหัส 5404101301
3. นายจักรกฤษณ์ โพธิ์แปลง รหัส 5404101313
4. นายประดิษฐิ์ นิลรัตน์ รหัส 5404101348
5. นายอนุสรณ์ สุนันตะ รหัส 5404101409
สาขาวิทยาการคอมพิวเตอร์ กลุ่มเรียนที่ 1
สมาชิกกลุ่ม