การสร้างเว็บไซของตัวเองง่ายๆๆ

ลำดับตอนที่ #7 : รูปแบบของฟอร์มประเภทต่างๆ...

รูปแบบของฟอร์มประเภทต่างๆ

คำสั่ง                                                                                                                 คำอธิบาย

ประเภทกรอบป้อนข้อมูล <FORM> <TEXTAREA NAME = "comment" ROWS="5" COLS="60"> </TEXTAREA> </FORM> ผลลัพธ์ที่ได้ ประเภทกรอบแบบสอบถาม <FORM> Name : <INPUT TYPE='TEXT' NAME = "YOURNAME" size="15" > PHONE : <INPUT TYPE='TEXT' NAME = "PHONE" size="15" > </FORM> ผลลัพธ์ที่ได้ Name    : PHONE : ประเภทกรอบ PASSWORD <FORM> YOUR Password : <INPUT TYPE='PASSWORD' NAME = "CODE" size="15" > </FORM> ผลลัพธ์ที่ได้ Your Password    : ลองกรอกข้อมูลในกรอบดู! ประเภท Check Box <FORM> <INPUT TYPE='CHECKBOX' NAME = "ONE" VALUE ="value1" > Answer 1 <INPUT TYPE='CHECKBOX' NAME = "TWO" value="value2" > Answer 2 </FORM> ผลลัพธ์ที่ได้ Answer 1 Answer 2 ประเภท Radio <FORM> <INPUT TYPE='RADIO' NAME = "ONE" VALUE ="value1" > Answer 1 <INPUT TYPE='RADIO' NAME = "TWO" value="value2" > Answer 2 </FORM> ผลลัพธ์ที่ได้ Answer 1 Answer 2 ประเภทตัวเลือก <FORM> <SELECT name= "ICECREAM"> <OPTION SELECTED value="VANI"> Vanilla <OPTION value="CHOC" > Chocolate <OPTION value="COFF" > Coffee <OPTION value="STRA" > Strawberry </SELECT> </FORM> ผลลัพธ์ที่ได้ Vanilla Chocolate Coffee Strawberry ประเภท Submit & Reset <FORM> ยืนยันการส่งข้อมูล <INPUT TYPE='SUBMIT' VALUE ="Send"> <INPUT TYPE='RESET' VALUE ="Reset"> </FORM> ผลลัพธ์ที่ได้ ยืนยันการส่งข้อมูล Sumbit เป็นคำสั่งในการส่งข้อมูล Reset เป็นคำสั่งในการเคลียร์ข้อมูล

รูปแบบการสร้างฟอร์ม มีหลายรูปแบบ เราสามารถนำแต่ละรูปแบบผสมผสานกันได้ เช่น การผสมระหว่าง รูปแบบกรอบป้อนข้อมูล กับ กรอบแบบสอบถาม เป็นต้น อย่างที่กล่าวข้างต้น การนำฟอร์มมาใช้ใน เวปเพจจะต้องมีการนำโปรแกรมช่วยในการส่งข้อมูล ซึ่งอาจเป็น ปัญหายุ่งยากสำหรับมือใหม่ ดังนั้นขอยกตัวอย่างการสร้างฟอร์ม แล้วให้ส่งกลับมายังอีเมลของเรา ดังนี้ ตัวอย่างการสร้างฟอร์มกลับมาอีเมลของเรา <FORM METHOD = "post" ACTION = "mailto:sskulrat@yahoo.com"> Name : <INPUT TYPE='TEXT' NAME = "YOURNAME" size="15"> PHONE : <INPUT TYPE='TEXT' NAME = "PHONE" size="15"> <INPUT TYPE='SUBMIT' VALUE ="Send"> <INPUT TYPE='RESET' VALUE ="Reset"> </FORM> ผลลัพธ์ที่ได้ Name    : PHONE : ขอเชิญลองก