csmju313 l1

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

แปร

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

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

ชื่��อ Tag

<form> ... </form>

คำ�าอธิ�บาย

ใช้�สร�างแบบฟอร�ม

ตั�วอย�าง <form> <input type="text" name=“panda" /> </form>



<label> ... </label>

คำ�าvalue

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


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

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

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



<input type="value" />

คำ�าvalue

text, password, reset, button, file, checkbox, radio


ใช้�ในการก�าหนด ช้�องร�บข้�อม!ลป้ระเภทตั�างๆ

ตั�วอย�าง <input type="text" name="panda" />




<input name="value" />

คำ�าvalue

ข้�อคำวาม


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

ตั�วอย�าง <input type="text" name="sex" /> <input type="text" name="name" />




<input id="value" />

คำ�าvalue



ใช้�ก�าหนด id ให�ก�บ ช้�องร�บข้�อม!ล

ตั�วอย�าง <input type="text" name=“number" id=“number”/>




<input value="value" />

คำ�าvalue



ใช้�ก�าหนดคำ�าข้�อม!ล ให�ก�บช้�องร�บข้�อม!ล

ตั�วอย�าง <input type=“radio" name="sex" value="man" /> <input type="text" name="name" value=“JSP" />




<input maxlength="value" />

คำ�าvalue

ตั�วเลข้


ใช้�ก�าหนดจำ�านวนส!งส)ด ท*�สามารถพิ�มพิ�ลงไป้ได�

ตั�วอย�าง <input type="text" name="sex" maxlength="5" /> <input type="text" name="name" maxlength="25" />




<input size="value" />

คำ�าvalue



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

ตั�วอย�าง <input type="text" name="sex" size="8" /> <input type="text" name="name" size="12" />




<input src="value" />

คำ�าvalue

ช้��อไฟล�ภาพิ


ใช้�ก�าหนดร!ป้ภาพิ

ตั�วอย�าง <input type="image" src="panda.gif" />


การสร�างแบบฟอร�มชื่��อ Tag

<input checked="value" />

คำ�าvalue

checked


ใช้�ก�าหนดว�าให� checkbox หร�อ radio น�.น ถ!กเล�อกอย!�

ตั�วอย�าง <input type="checkbox" checked="checked" /> <input type="radio" checked="checked" />




<textarea> ... </textarea>


ใช้�ในการก�าหนด อ)ป้กรณ์�การร�บข้�อม!ล แบบร�บข้�อคำวามได�หลายบรรท�ด

ตั�วอย�าง <textarea cols="30" rows="5"> ข้�อคำวาม </textarea>




<select> ... </select>


ใช้�สร�างช้�องร�บข้�อม!ลแบบ dropdown

ตั�วอย�าง <select name="country"> <option value="1"> Thailand </option> <option value="2"> England </option> </select>




<select name="value"> ... </select>

คำ�าvalue



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

ตั�วอย�าง <select name="country"> ... </select>




<select size="value"> ... </select>

คำ�าvalue



ใช้�ก�าหนดข้นาดข้อง list ซึ่1�งเม��อก�าหนดมากกว�า 1 จำะท�าให� list น*. กลายเป้�น list box ( ป้กตั�เป้2นแบบ dropdown list )

ตั�วอย�าง <select size="5"> ... </select>




<option value="value"> ... </value>

คำ�าvalue



ใช้�ก�าหนด คำ�าข้�อม!ล ข้องรายการ โดยคำ�าข้�อม!ลน*.จำะถ!กส�งไป้ เม��อม*การ submit form

ตั�วอย�าง <option value="1"> Thailand </option> <option value="2"> England </option>




<option selected="value"> ... </option>

คำ�าvalue

selected


ใช้�ก�าหนดว�า รายการน�.น ถ!กเล�อกอย!�

ตั�วอย�าง <option> Thailand </option> <option selected="selected"> England </option> <option> Australia </option>


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

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

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

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

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

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

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

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

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

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

ท*� 1

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

csmju313 l1

Technology