การสร้างรูปแบบฟอร์มประเภทต่างๆด้วยภาษา HTML

ประเภท

ภาษา html

ผลลัพธ์ที่ได้
กรอบป้อนข้อมูล
 <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"> Answer 1
<OPTION SELECTED value="VANI" >Vanilla
<OPTION value="CHOC">Chocolate
<OPTION value="COFF" >Coffee
<OPTION value="STRA" >Strawberry
</SELECT>

</FORM>
Submit & Reset
<FORM>

ยืนยันการส่งข้อมูล
<INPUT TYPE='SUBMIT' VALUE ="Send">
<INPUT TYPE='RESET' VALUE ="Reset" >

</FORM>
ยืนยันการส่งข้อมูล


การสร้างแบบฟอร์ม สามารถนำไปประยุกต์ใช้ได้หลายๆอย่าง เช่น
การสร้างแบบสอบถาม แบบฟอร์มแสดงความคิดเห็น เป็นต้น ซึ่งการสร้างฟอร์มมักจะต้องใช้คำสั่งที่เรียกว่า "CGI" หรือ javascript
ช่วยในการรับและส่งข้อมูล ในที่นี้ขอละไว้ก่อน แต่จะแนะนำ การส่งฟอร์ม ที่ใช้คำสั่งให้ลิงค์กลับมายังอีเมล์ของเรา ผลลัพธ์ที่ได้อาจไม่สวยงามนัก.. แต่ก็พอใช้ได้

<FORM> คือคำสังเริ่มการใช้ฟอร์ม และปิดท้ายด้วย </FORM>
ส่วนคำสั่ง "METHOD" เป็นคำสั่งที่บอกว่าจะรับ "GET" หรือส่งข้อมูล "POST: ไปที่ไหน
โดยมีคำสั่ง "ACTION" เป็นตัวกำหนด
รูปแบบของฟอร์มประเภทต่างๆ
สมัครสมาชิก: บทความ (Atom)