แสดงผลฟอร์มในเทมเพลต
แสดงฟิลด์ ป้ายกำกับ และข้อผิดพลาดอย่างปลอดภัย
แสดงผลฟอร์มในเทมเพลต เป็นบทเรียน Django Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 3 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Django Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Django Academy มีบทเรียนทั้งหมด 4 บทเรียน
ส่งฟอร์มเข้าไป
ส่งฟอร์มไปยังแม่แบบผ่าน บริบท เช่นเดียวกับตัวแปรอื่น เพื่อให้แม่แบบแสดงผลได้
return render(request, "contact.html",
{"form": form})แสดงผลทั้งหมดพร้อมกัน
การพิมพ์ {{ form }} จะแสดงผลทุกฟิลด์พร้อมป้ายกำกับ วิดเจ็ต และข้อผิดพลาด เป็นวิธีที่เร็วที่สุดในการสร้างฟอร์มที่ใช้งานได้
<form method="post">
{{ form }}
</form>เลือกตัวช่วยจัดรูปแบบ
ใช้ as_p, as_div หรือ as_table เพื่อห่อแต่ละฟิลด์ไว้ในโครงสร้างที่เป็นระเบียบ โดยไม่ต้องเขียนมาร์กอัปเอง
{{ form.as_p }}แสดงผลฟิลด์เดียว
เข้าถึงฟิลด์เดียวด้วยชื่อเพื่อควบคุมตำแหน่ง {{ form.name }} จะแสดงผลเฉพาะวิดเจ็ตนั้น
{{ form.email }}แสดงป้ายกำกับ
จับคู่ฟิลด์กับ label_tag เพื่อแสดงองค์ประกอบป้ายกำกับที่เชื่อมกับอินพุตอย่างถูกต้องและรองรับการเข้าถึง
{{ form.email.label_tag }}
{{ form.email }}แสดงข้อผิดพลาดของฟิลด์
ฟิลด์ที่ผูกข้อมูลแต่ละรายการมี ข้อผิดพลาดของตัวเอง คุณจึงวางข้อความตรวจสอบไว้ข้างอินพุตที่ตรงกันได้
{{ form.email.errors }}ข้อผิดพลาดที่ไม่ผูกกับฟิลด์
ข้อผิดพลาดที่เกิดจาก clean() ระดับทั้งฟอร์มเรียกว่า ข้อผิดพลาดที่ไม่ใช่ฟิลด์ ให้แสดงด้านบนของฟอร์ม ไม่ใช่บนฟิลด์ใดฟิลด์หนึ่ง
{{ form.non_field_errors }}วนลูปผ่านฟิลด์
วนลูปผ่านฟอร์มด้วย ลูป for เพื่อแสดงทุกฟิลด์ในรูปแบบเดียวกัน พร้อมควบคุมมาร์กอัปของส่วนห่อหุ้มได้เต็มที่
{% for field in form %}
{{ field.label_tag }} {{ field }}
{% endfor %}แสดง help_text
ภายในลูป ให้แสดงผล field.help_text เพื่อแนะนำผู้ใช้ด้วยคำใบ้ที่คุณกำหนดไว้ในฟิลด์นั้น
{{ field.help_text }}เพิ่มปุ่มส่ง
Django แสดงอินพุตให้ แต่ไม่แสดง ปุ่มส่งหรือแท็กฟอร์ม ดังนั้นคุณต้องเพิ่มสิ่งเหล่านี้เองเสมอ
<button type="submit">Send</button>การหลีกอักขระอัตโนมัติช่วยให้ปลอดภัย
กลไกแม่แบบจะ หลีกอักขระของค่าที่แสดงผลโดยค่าเริ่มต้น ดังนั้นอินพุตของผู้ใช้จึงไม่สามารถแทรก HTML และทำให้เกิด XSS ได้
ตรวจสอบอย่างรวดเร็ว
ฟอร์มแสดงผลในแม่แบบอย่างไร
สรุปทบทวน
ส่งฟอร์มเข้าไป แสดงผลด้วย as_p หรือแสดงทีละฟิลด์ และแสดงข้อผิดพลาด คุณต้องเพิ่มแท็กฟอร์มและปุ่มเองเสมอ ✅
เรียนรู้ Python ด้วย AI tutor — ฟรี
เขียนและเรียกใช้โค้ดจริงในเบราว์เซอร์ของคุณ รับความช่วยเหลือทันทีจาก AI tutor 24/7 และเรียนรู้ต่อจากที่คุณหยุดบนเว็บหรือในแอป
- คอร์ส
- 30
- บทเรียน
- 120
คำถามที่พบบ่อย
บทเรียน “แสดงผลฟอร์มในเทมเพลต” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “แสดงผลฟอร์มในเทมเพลต” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส Django Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส Django Academy มีบทเรียนทั้งหมด 4 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “แสดงผลฟอร์มในเทมเพลต”
แสดงฟิลด์ ป้ายกำกับ และข้อผิดพลาดอย่างปลอดภัย คุณปฏิบัติ Django Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน Django Academy หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน Django Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 3 จากทั้งหมด 4 บทเรียน
บทเรียน “แสดงผลฟอร์มในเทมเพลต” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน Django Academy นี้ได้ไหม
ได้ บทเรียน Django Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- กำหนด forms.Form
- is_valid และ cleaned_data
- แสดงผลฟอร์มในเทมเพลต
- การป้องกัน CSRF และขั้นตอน POST