วันอาทิตย์ที่ 27 มกราคม พ.ศ. 2562

[Django] input type

input แบ่งเป้น 4 กลุ่ม ได้แก่
- Text
- checkboxes and selectors
- uploading files
- handling of multi-valued input.

Text จะมีการรับข้อความโดยการใช้ ช่องสี่เหลี่ยมเปล่าๆ ให้ผู้ใช้สามารถพิมพ์ลงไปในช่องได้ โดยแต่ละแบบมีเงื่อนไขที่แตกต่างกันออกไป เช่น

TextInput
Renders as: <input type="text" ...>
รับข้อความเป้นตัวหนังสือแบบ 1 บรรทัด สามารถกำหนดความยาวของข้อมูลที่รับได้ 

NumberInput
Renders as: <input type="number" ...>
รับข้อความที่เป็นตัวเลขเท่านั้น

EmailInput
Renders as: <input type="email" ...>
ในข้อความต้องประกอบด้วย @ ที่แสดงถึงการเป็น email

URLInput
Renders as: <input type="url" ...>
เป็นประเภท url เท่านั้น

PasswordInput
Renders as: <input type="password" ...>
เมื่อกรอกข้อความลงไปจะถูกแทนที่ด้วยสัญลักษณ์แทนข้อความ

checkboxes and selectors มีลักษณะเป็นการแสดงตัวเลือกให้เลือก โดย checkbox จะแสดงเป็นช่องสี่เหลี่ยมและสามารถเลือกได้หลายตัวเลือก ส่วน selector นั้น จะเป็นประเภท radio ที่สามารถเลือกได้เพียงตัวเลือกเดียว

การใช้แบบ chechbox


การใช้แบบ radio

uploading files เป็นการเลือกไฟล์ประเภทต่างๆ เพื่ออัพเดทขึ้นเว็บไซต์ เช่น ไฟล์เอกสาร ไฟล์ภาพ หรือไฟล์มัลติมีเดียต่างๆ เป็นต้น


ไม่มีความคิดเห็น:

แสดงความคิดเห็น