การสร�างแบบฟอร�มการส่�งค่�าตัว

แปร

การสร�างแบบฟอร�ม

การสร�างแบบฟอร�มร ปแบบพื้��นฐานการส่ร�าง 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 งเม� อก�าหนดมากกว�า 1 จะท�าให� list น�. กลายเป2น list box ( ปกตั�เป3นแบบ 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

ใช้�ก�าหนด ป2ายช้� อ ให�ก�บ ช้�องร�บข้�อม�ล

คำ�าอธิ�บาย

ใช้�ก�าหนด ป2ายช้� อ ให�ก�บ ช้�องร�บข้�อม�ล

ตั�วอย�าง <label> ช้� อ : <input type="text" /> </label>

ร ปแบบพื้��นฐานการส่ร�าง Tag

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

การส�งคำ�าตั�วแปรการส่�งค่�า Servlet

การส�งคำ�าตั�วแปรการรบค่�ามาแส่ดง

ตั�วอย�างการส�งคำ�าตั�วแปร

การรบค่�ามาแส่ดง

1. นายภาสกร อ�นทส�ทธิ�5 รห�ส 53041013732 .นางสาวกนกนวล อ�นข้าน รห�ส

54041013013. นายจ�กรกฤษณ์� โพิธิ�5แปลง รห�ส

54041013134. นายประด�ษฐิ์�5 น�ลร�ตัน� รห�ส

54041013485. นายอน+สรณ์� ส+น�นตัะ รห�ส

5404101409สาข้าว�ทยาการคำอมพิ�วเตัอร� กล+�มเร�ยน

ท� 1

สมาช้�กกล+�ม