โพสต์ความรู้พื้นฐานที่ครอบคลุมเกี่ยวกับการอัปโหลดไฟล์ที่ส่วนหน้า (เริ่มต้น)

คำนำ

ทำไมต้องเขียนเป็นบท? เนื่องจากครอบคลุมประเด็นความรู้มากมาย ผมจึงอาจพยายามแนะนำอย่างละเอียดเพื่อดูแลผู้ที่มีพื้นฐานไม่ดี เพื่อทบทวนอดีตและเรียนรู้สิ่งใหม่

ตอนแรกผมตั้งใจว่าจะจบในบทความเดียวจริงๆ เข้าใจเนื้อหาทั้งหมดจึงตัดสินใจแยกออกมาแจ้งให้ผู้อ่านทราบตามความจำเป็น

เหตุใดจึงมีบทที่ศูนย์? เนื่องจากเป็นเรื่องพื้นฐานเกินไป คนส่วนใหญ่จึงสามารถเพิกเฉยได้ มีไว้สำหรับมือใหม่จำนวนไม่มากและผู้ที่มีความจำไม่ดี หากคุณคิดว่าทำได้ ก็ข้ามไปได้เลย

เริ่มต้นด้วยการบอกว่าการอัปโหลดทางธุรกิจเป็นสิ่งที่น่ากลัวสำหรับฉันมาโดยตลอด และฉันก็ไม่ค่อยได้สัมผัสกับมัน เนื่องจากก่อนหน้านี้ไม่มีมาตรฐานในการอัปโหลด ฉันต้องเขียนโค้ดความเข้ากันได้ที่น่ารังเกียจทุกรูปแบบ และปลั๊กอินมักมีแนวโน้มที่จะเกิดข้อบกพร่อง และฉันไม่สามารถแก้ไขได้ จนถึงทุกวันนี้ นักรบที่แท้จริงต้องเผชิญกับความเป็นจริงอันนองเลือดอยู่เสมอ ดังนั้นฉันจึงเปิดโพสต์ความรู้เป็นพิเศษเพื่อศึกษาและสรุปความรู้บางอย่างเกี่ยวกับการอัปโหลดที่นี่ ฉันจะพาคุณไปเรียกดู API บางอย่างที่ฉันจำเป็นต้องใช้

Zero, พื้นฐาน (คะแนนความรู้มาจาก w3school เป็นหลัก) (ผู้ที่คุ้นเคยอยู่แล้วข้ามบทนี้ไปได้)

 <รูปแบบการกระทำ=วิธีการ= ></รูปแบบ>

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

สำหรับรายละเอียด กรุณาคลิกที่แบบฟอร์มเกี่ยวกับ

ฉลาก

 <label for=male>ชาย</label><input type=radio name=sex id=male /><label for=girl>เด็กผู้หญิง</label><input type=radio name=sex id=girl />

องค์ประกอบป้ายกำกับไม่แสดงเอฟเฟกต์พิเศษใดๆ แก่ผู้ใช้ อย่างไรก็ตาม จะปรับปรุงการใช้งานสำหรับผู้ใช้เมาส์ การควบคุมนี้จะถูกทริกเกอร์หากคุณคลิกที่ข้อความภายในองค์ประกอบป้ายกำกับ กล่าวคือ เมื่อผู้ใช้เลือกป้ายชื่อ เบราว์เซอร์จะเปลี่ยนโฟกัสไปที่ตัวควบคุมแบบฟอร์มที่เกี่ยวข้องกับป้ายชื่อโดยอัตโนมัติ แท็กสำหรับแอตทริบิวต์ควรเหมือนกับแอตทริบิวต์ id ขององค์ประกอบที่เกี่ยวข้อง

สำหรับรายละเอียด โปรดคลิกที่ป้ายกำกับเกี่ยวกับ

ป้อนข้อมูล

 <input type=text name=fname/><input type=password name=password><input type=checkbox name=Bike><input type=checkbox name=Car><input type=วิทยุตรวจสอบ=ตรวจสอบชื่อ=ค่าเพศ= ชาย/><input type=radio name=Sex value=Female/><select name=cars> <option value=volvo>Volvo</option> <option value=saab>Saab</option> <option value=fiat>เฟียต</option> <option value=audi>Audi</option></select><textarea rows=10 cols=30>

แท็กใช้เพื่อรวบรวมข้อมูลผู้ใช้ ช่องป้อนข้อมูลมีหลายรูปแบบขึ้นอยู่กับค่าของแอตทริบิวต์ประเภท ช่องป้อนข้อมูลอาจเป็นช่องข้อความ ช่องทำเครื่องหมาย ตัวควบคุมข้อความที่เข้ารหัส ปุ่มตัวเลือก ปุ่ม ฯลฯ

สำหรับรายละเอียดกรุณาคลิกที่อินพุต

 <ประเภทอินพุต=ค่าส่ง=ส่ง>

ออบเจ็กต์ส่งแสดงถึงปุ่มส่งในรูปแบบ HTML ก่อนที่จะส่งแบบฟอร์ม ตัวจัดการเหตุการณ์ onclick จะถูกทริกเกอร์ และตัวจัดการสามารถยกเลิกการส่งแบบฟอร์มได้โดยการส่งคืน fasle

ส่ง: ส่งข้อมูลแบบฟอร์มไปยังเว็บเซิร์ฟเวอร์ วิธีการนี้จะส่งแบบฟอร์มในลักษณะเดียวกับที่ผู้ใช้คลิกปุ่มส่ง แต่จะไม่มีการเรียกตัวจัดการเหตุการณ์ onsubmit ของแบบฟอร์ม

สำหรับรายละเอียดกรุณาคลิกที่ส่ง

 <button type=button>คลิกฉัน!</button>

ภายในองค์ประกอบปุ่ม คุณสามารถวางเนื้อหา เช่น ข้อความหรือรูปภาพได้ นี่คือความแตกต่างระหว่างองค์ประกอบนี้และปุ่มที่สร้างขึ้นโดยใช้องค์ประกอบอินพุต

เมื่อเปรียบเทียบกับ <input type=button> ตัวควบคุม <button> มีฟังก์ชันที่มีประสิทธิภาพมากกว่าและมีเนื้อหาที่สมบูรณ์กว่า ทุกอย่างระหว่างแท็กคือเนื้อหาของปุ่ม รวมถึงเนื้อหาเนื้อหาที่ยอมรับได้ เช่น เนื้อหาข้อความหรือมัลติมีเดีย ตัวอย่างเช่น เราสามารถรวมรูปภาพและข้อความที่เกี่ยวข้องไว้ในปุ่ม และใช้เพื่อสร้างรูปภาพมาร์กอัปที่น่าสนใจในปุ่มได้

องค์ประกอบที่ต้องห้ามเพียงอย่างเดียวคือแผนผังรูปภาพ เนื่องจากการกระทำที่ไวต่อเมาส์และคีย์บอร์ดจะรบกวนการทำงานของปุ่มแบบฟอร์ม

ระบุแอตทริบิวต์ประเภทสำหรับปุ่มเสมอ ประเภทเริ่มต้นใน Internet Explorer คือปุ่ม ในขณะที่ค่าเริ่มต้นในเบราว์เซอร์อื่นๆ (รวมถึงข้อกำหนด W3C) จะถูกส่ง

(ข้อสำคัญ: หากคุณใช้องค์ประกอบปุ่มในรูปแบบ HTML เบราว์เซอร์ที่แตกต่างกันจะส่งค่าที่แตกต่างกัน Internet Explorer จะส่งข้อความระหว่าง <button> และ <button/> ในขณะที่เบราว์เซอร์อื่นจะส่งเนื้อหาของแอตทริบิวต์ value โปรด ใช้องค์ประกอบอินพุตในรูปแบบ HTML เพื่อสร้างปุ่ม)

สำหรับรายละเอียดกรุณาคลิกที่ปุ่มเกี่ยวกับ