ล่าสุดการพัฒนาเว็บบทเรียน
×

HTML การอ้างอิง

HTML ตามลำดับตัวอักษร (เรียงลำดับ) HTML ตามหมวดหมู่ (เรียงลำดับ) HTML แอตทริบิวต์ HTML แอตทริบิวต์ทั่วโลก HTML เหตุการณ์ HTML ผ้าใบ HTML เสียง / วิดีโอ HTML doctypes HTML เข้ารหัส URL HTML รหัสภาษา HTML รหัสประเทศ HTTP ข้อความ HTTP วิธีการ PX จะ EM แปลง แป้นพิมพ์ลัด


 

HTML <form> Tag


ตัวอย่าง

รูปแบบ 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> องค์ประกอบที่มีค่าเริ่มต้นต่อไปนี้:

ตัวอย่าง

form {
    display: block;
    margin-top: 0em;
}
ลองตัวเอง»