SlideShare a Scribd company logo
การสร้างแบบฟอร์ม
การ
ส่ง
ค่า
ตัว
แปร
การสร้างแบบฟอร์ม
การสร้างแบบฟอร์ม
รูปแบบพื้นฐานการสร้าง Tag
ชื่อ Tag <form> ... </form>
คาอธิบาย ใช้สร้างแบบฟอร์ม
ตัวอย่าง <form method="post" action="update.php">
<input type="text" name="panda" /> <input
type="submit" name="submit" /> </form>
การสร้างแบบฟอร์ม
ชื่อ Tag <form method="value"> ... </form>
ค่าvalue get, post
คาอธิบาย ใช้กาหนดวิธีการส่งข้อมูล
ตัวอย่าง <form method="post"> ... </form>
รูปแบบพื้นฐานการสร้าง Tag
การสร้างแบบฟอร์ม
ชื่อ Tag <form action="value"> ... </form>
ค่าvalue ชื่อไฟล์ ( ประเภท CGI )
คาอธิบาย ใช้กาหนดไฟล์ที่จะรับข้อมูลไปประมวลผล
ตัวอย่าง <form action=“welcome.jsp"> ... </form>
รูปแบบพื้นฐานการสร้าง Tag
การสร้างแบบฟอร์ม
ชื่อ 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
การสร้างแบบฟอร์ม
ชื่อ Tag <input name="value" />
ค่าvalue ข้อความ
คาอธิบาย ใช้กาหนดชื่อให้กับ ช่องรับข้อมูล
ตัวอย่าง <input type="text" name="sex" /> <input
type="text" name="name" />
รูปแบบพื้นฐานการสร้าง Tag
การสร้างแบบฟอร์ม
ชื่อ Tag <input id="value" />
ค่าvalue ข้อความ
คาอธิบาย ใช้กาหนด id ให้กับ ช่องรับข้อมูล
ตัวอย่าง <input type="text" name="sex" /> <input
type="text" name="name" />
รูปแบบพื้นฐานการสร้าง Tag
การสร้างแบบฟอร์ม
ชื่อ Tag <input value="value" />
ค่าvalue ข้อความ
คาอธิบาย ใช้กาหนดค่าข้อมูล ให้กับช่องรับข้อมูล
ตัวอย่าง <input type="text" name="sex" value="man"
/> <input type="text" name="name"
value=“JSP" />
รูปแบบพื้นฐานการสร้าง Tag
การสร้างแบบฟอร์ม
ชื่อ Tag <input maxlength="value" />
ค่าvalue ตัวเลข
คาอธิบาย ใช้กาหนดจานวนสูงสุด ที่สามารถพิมพ์ลงไปได้
ตัวอย่าง <input type="text" name="sex"
maxlength="5" /> <input type="text"
name="name" maxlength="25" />
รูปแบบพื้นฐานการสร้าง Tag
การสร้างแบบฟอร์ม
ชื่อ Tag <input size="value" />
ค่าvalue ตัวเลข
คาอธิบาย ใช้กาหนด ขนาด ของช่องรับข้อมูล
ตัวอย่าง <input type="text" name="sex" size="8" />
<input type="text" name="name" size="12"
/>
รูปแบบพื้นฐานการสร้าง Tag
การสร้างแบบฟอร์ม
ชื่อ Tag <input src="value" />
ค่าvalue ชื่อไฟล์ภาพ
คาอธิบาย ใช้กาหนดรูปภาพ
ตัวอย่าง <input type="image" src="panda.gif" />
รูปแบบพื้นฐานการสร้าง Tag
การสร้างแบบฟอร์ม
ชื่อ Tag <input checked="value" />
ค่าvalue checked
คาอธิบาย ใช้กาหนดว่าให้ checkbox หรือ radio นั้น ถูกเลือก
อยู่
ตัวอย่าง <input type="checkbox"
checked="checked" /> <input type="radio"
checked="checked" />
รูปแบบพื้นฐานการสร้าง Tag
การสร้างแบบฟอร์ม
ชื่อ Tag <textarea> ... </textarea>
คาอธิบาย ใช้ในการกาหนด อุปกรณ์การรับข้อมูล แบบรับ
ข้อความได้หลายบรรทัด
ตัวอย่าง <textarea cols="30" rows="5"> ข้อความ
</textarea>
รูปแบบพื้นฐานการสร้าง Tag
การสร้างแบบฟอร์ม
ชื่อ Tag <select> ... </select>
คาอธิบาย ใช้สร้างช่องรับข้อมูลแบบ dropdown
ตัวอย่าง <select name="country"> <option
value="1"> Thailand </option> <option
value="2"> England </option> </select>
รูปแบบพื้นฐานการสร้าง Tag
การสร้างแบบฟอร์ม
ชื่อ Tag <select name="value"> ... </select>
ค่าvalue ข้อความ
คาอธิบาย ใช้กาหนดชื่อช่องรับข้อมูล
ตัวอย่าง <select name="country"> ... </select>
รูปแบบพื้นฐานการสร้าง Tag
การสร้างแบบฟอร์ม
ชื่อ Tag <select size="value"> ... </select>
ค่าvalue ตัวเลข
คาอธิบาย ใช้กาหนดขนาดของ list ซึ่งเมื่อกาหนดมากกว่า 1 จะ
ทาให้ list นี้ กลายเป้น list box ( ปกติเป็นแบบ
dropdown list )
ตัวอย่าง <select size="5"> ... </select>
รูปแบบพื้นฐานการสร้าง Tag
การสร้างแบบฟอร์ม
ชื่อ Tag <option value="value"> ... </value>
ค่าvalue ข้อความ
คาอธิบาย ใช้กาหนด ค่าข้อมูล ของรายการ โดยค่าข้อมูลนี้จะ
ถูกส่งไป เมื่อมีการ submit form
ตัวอย่าง <option value="1"> Thailand </option>
<option value="2"> England </option>
รูปแบบพื้นฐานการสร้าง Tag
การสร้างแบบฟอร์ม
ชื่อ Tag <option selected="value"> ... </option>
ค่าvalue selected
คาอธิบาย ใช้กาหนดว่า รายการนั้น ถูกเลือกอยู่
ตัวอย่าง <option> Thailand </option> <option
selected="selected"> England </option>
<option> Australia </option>
รูปแบบพื้นฐานการสร้าง Tag
การสร้างแบบฟอร์ม
ชื่อ Tag <label> ... </label>
ค่าvalue ใช้กาหนด ป้ายชื่อ ให้กับ ช่องรับข้อมูล
คาอธิบาย ใช้กาหนด ป้ายชื่อ ให้กับ ช่องรับข้อมูล
ตัวอย่าง <label> ชื่อ : <input type="text" /> </label>
รูปแบบพื้นฐานการสร้าง Tag
ตัวอย่างแบบฟอร์ม
ตัวอย่างการออกแบบ Web site
การส่งค่าตัวแปร
การส่งค่า Servlet
การส่งค่าตัวแปร
การรับค่ามาแสดง
ตัวอย่างการส่งค่าตัวแปร
การรับค่ามาแสดง
1. นายภาสกร อินทสิทธิ์ รหัส 5304101373
2. นางสาวกนกนวล อินขาน รหัส 5404101301
3. นายจักรกฤษณ์ โพธิ์แปลง รหัส 5404101313
4. นายประดิษฐิ์ นิลรัตน์ รหัส 5404101348
5. นายอนุสรณ์ สุนันตะ รหัส 5404101409
สาขาวิทยาการคอมพิวเตอร์ กลุ่มเรียนที่ 1
สมาชิกกลุ่ม

More Related Content

PDF
การสร างแบบฟอร ม
PDF
06 form input_php
PDF
lesson4 JSP
PDF
Java Web programming Using NetBeans
PDF
Java Web Programming (JSP/Servlet) Using Eclipse and Tomcat
PDF
lesson2 JSP
PDF
lesson3 JSP
DOC
ภาษา Jsp
การสร างแบบฟอร ม
06 form input_php
lesson4 JSP
Java Web programming Using NetBeans
Java Web Programming (JSP/Servlet) Using Eclipse and Tomcat
lesson2 JSP
lesson3 JSP
ภาษา Jsp

Viewers also liked (19)

PDF
สร้าง Soap web services ง่ายๆ
PDF
lesson4 JSP
DOCX
PDF
01 ความรู้เกี่ยวกับการ web programming
PDF
1. ความรู้เกี่ยวกับการ web programming
PDF
็Hand-on Exercise: Java Web Services using Eclipse + Tomcat & NetBeans + Glas...
PDF
PDF
Java Web Services and SOA Exercises [in Thai]
PDF
Brew up a Rich Web Application with Cappuccino
PPTX
Animation Restaurant2
KEY
Web app
KEY
Smart phone development
PDF
Java Web Programming [Servlet/JSP] Using GlassFish and NetBeans
PDF
การจัดกิจกรรมการเรียนรู้ใน Web Application : Edmodo
PPT
Hybrid vs Native vs Web Apps
PPT
การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04
PDF
Dream mx
DOC
แผนการจัดการเรียนรู้ ส่วนประกอบคอมพิวเตอร์ ม.2
PDF
Web Based Application Development with Open Source
สร้าง Soap web services ง่ายๆ
lesson4 JSP
01 ความรู้เกี่ยวกับการ web programming
1. ความรู้เกี่ยวกับการ web programming
็Hand-on Exercise: Java Web Services using Eclipse + Tomcat & NetBeans + Glas...
Java Web Services and SOA Exercises [in Thai]
Brew up a Rich Web Application with Cappuccino
Animation Restaurant2
Web app
Smart phone development
Java Web Programming [Servlet/JSP] Using GlassFish and NetBeans
การจัดกิจกรรมการเรียนรู้ใน Web Application : Edmodo
Hybrid vs Native vs Web Apps
การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04
Dream mx
แผนการจัดการเรียนรู้ ส่วนประกอบคอมพิวเตอร์ ม.2
Web Based Application Development with Open Source
Ad

Similar to lesson1 JSP (18)

PDF
lesson1 JSP
PDF
รายงานคอม
PDF
งานคอม
PPTX
PDF
Form Design with Microsoft Word 2003
DOCX
Lesson 6
PDF
การเขียนเว็บไซต์ด้วยภาษาPhp
PDF
Webpage by html
PDF
Dw ch06 form_and_php
PPTX
บทที่ 3 พื้นฐานภาษาสำหรับพัฒนาเว็บไซต์
PDF
เขียนเว็บไซต์ด้วย Html 5
PDF
9 การกรอกแบบฟอร์ม(263-287)
PPTX
เริ่มต้นสร้างเอกสาร HTML
PPTX
การสร้างฟอร์ม
PDF
PPT
การสอนเขียนHtml
PDF
lesson1 JSP
รายงานคอม
งานคอม
Form Design with Microsoft Word 2003
Lesson 6
การเขียนเว็บไซต์ด้วยภาษาPhp
Webpage by html
Dw ch06 form_and_php
บทที่ 3 พื้นฐานภาษาสำหรับพัฒนาเว็บไซต์
เขียนเว็บไซต์ด้วย Html 5
9 การกรอกแบบฟอร์ม(263-287)
เริ่มต้นสร้างเอกสาร HTML
การสร้างฟอร์ม
การสอนเขียนHtml
Ad

lesson1 JSP