ตัวอย่าง
รูปแบบ HTML ที่มีสองช่องใส่และเป็นหนึ่งปุ่มส่ง:
<form
action="demo_form.asp"
method="get">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>
ลองตัวเอง» เพิ่มเติม "ลองตัวเอง" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
<form> แท็กใช้ในการสร้างรูปแบบ HTML สำหรับการป้อนข้อมูลของผู้ใช้
<form> องค์ประกอบสามารถมีหนึ่งหรือมากกว่าขององค์ประกอบของแบบฟอร์มต่อไปนี้:
สนับสนุนเบราว์เซอร์
ธาตุ | |||||
---|---|---|---|---|---|
<form> | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
HTML5 ได้เพิ่มสองคุณลักษณะใหม่: autocomplete และ novalidate และ removed accept แอตทริบิวต์
ความแตกต่างระหว่าง HTML และ XHTML
ใน XHTML ที่ name แอตทริบิวต์จะเลิก ใช้แอตทริบิวต์ ID ทั่วโลกแทน
แอตทริบิวต์
= ใหม่ใน HTML5
คุณลักษณะ | ความคุ้มค่า | ลักษณะ |
---|---|---|
accept | file_type | ได้รับการสนับสนุนใน HTML5 ระบุรายการคั่นด้วยเครื่องหมายจุลภาคประเภทไฟล์ที่เซิร์ฟเวอร์รับ (ที่สามารถส่งผ่านการอัปโหลดไฟล์) |
accept-charset | character_set | กำหนดการเข้ารหัสตัวอักษรที่จะใช้สำหรับการส่งแบบฟอร์ม |
action | URL | ระบุว่าจะส่งแบบฟอร์มข้อมูลเมื่อส่งแบบฟอร์ม |
autocomplete | on off | ระบุว่ารูปแบบที่ควรจะมีการเติมข้อความอัตโนมัติหรือปิด |
enctype | application/x-www-form-urlencoded multipart/form-data text/plain | ระบุว่าข้อมูลรูปแบบที่ควรจะเข้ารหัสเมื่อส่งไปยังเซิร์ฟเวอร์ (เฉพาะ method="post" ) |
method | get post | ระบุวิธีการ HTTP ที่จะใช้เมื่อการส่งแบบฟอร์มข้อมูล |
name | text | ระบุชื่อของฟอร์ม |
novalidate | novalidate | ระบุว่ารูปแบบที่ไม่ควรได้รับการตรวจสอบเมื่อส่ง |
target | _blank _self _parent _top | ระบุตำแหน่งที่จะแสดงการตอบสนองที่ได้รับหลังการส่งแบบฟอร์ม |
แอตทริบิวต์ทั่วโลก
<form> แท็กยังสนับสนุน แอตทริบิวต์ใน HTML
แอตทริบิวต์เหตุการณ์
<form> แท็กยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML
ลองตัวเอง - ตัวอย่าง
แบบฟอร์มที่มีช่องทำเครื่องหมาย
รูปแบบที่มีสองช่องทำเครื่องหมายและปุ่มส่ง
แบบฟอร์มที่มี radiobuttons
รูปแบบที่มีสองปุ่มและปุ่มส่ง
หน้าเว็บที่เกี่ยวข้อง
HTML กวดวิชา: รูปแบบ HTML และใส่
อ้างอิง HTML DOM: วัตถุแบบฟอร์ม
CSS Tutorial: รูปแบบการจัดแต่งทรงผม
ตั้งค่าเริ่มต้น CSS
เบราว์เซอร์ส่วนใหญ่จะแสดง <form> องค์ประกอบที่มีค่าเริ่มต้นต่อไปนี้: