รหัสการส่งแบบฟอร์ม
1. การวิเคราะห์ซอร์สโค้ด<!DOCTYPE html><html lang=en><head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, Initial-scale=1.0> <meta http-equiv=X-UA - เนื้อหาที่เข้ากันได้=ie=edge> <title>เอกสาร</title></head><body><form action=/form.html method=GET> <!-- action: ที่อยู่สำหรับการส่งแบบฟอร์ม --> <!-- วิธีการ: วิธีการส่งนโยบาย --><div class=name> <label for=name>ชื่อผู้ใช้</label> <input type=text name=name id=name placeholder = โปรดป้อนชื่อผู้ใช้> <!-- placeholder เป็นข้อความแจ้งที่โปร่งใส--></div><div class=password> <label for=password>รหัสผ่าน</label> <input type=password name=password id= รหัสผ่าน placeholder=กรุณากรอกรหัสผ่าน></div><div class=sex> <label for=sex>gender</label> <input type=radio name=sex value=male>Male<input type=radio name=sex value= หญิง>หญิง</div><div class=city> <label for=city>เมืองโปรด</label> <select name=city id=city> <option value=beijing>ปักกิ่ง</option> <option value=shanghai>Shanghai</option> <option value=chongqing Selected >Chongqing</option> <!-- ที่เลือก ระบุตัวเลือกที่เลือกให้แสดงบนเพจ--> </select></div><คลาส div =งานอดิเรก > <label for=hobby>งานอดิเรก</label> <input type=checkbox name=hobby value=read>การอ่าน<input type=checkbox name=hobby value=flower>การจัดดอกไม้<input type=checkbox name=hobby value=sing>Singing<!-- ชื่อตัวเลือกทั้งหมดจะต้องเหมือนกัน--></div><div class=area> <textarea id=area name=area cols=30 rows=10></textarea></ div> <button>ปุ่ม</button><!-- สามารถส่งแบบฟอร์มได้--><input type=submit value=submit> <!-- สามารถส่งแบบฟอร์มได้--><input type=button value=button><!-- ไม่สามารถส่งแบบฟอร์มได้--><input type=reset value=reset><!-- รีเซ็ตเนื้อหาที่กรอกไว้ในแบบฟอร์ม--></form></body> </ /html>2. การทำงานของเทอร์มินัล
เปิดเทอร์มินัล gitbash และสลับไปยังโฟลเดอร์ที่มี html อยู่
ใช้บรรทัดคำสั่ง http-server เพื่อเปิดเซิร์ฟเวอร์แบบคงที่ หลังจากเปิดแล้ว ที่อยู่ IP สองรายการจะปรากฏขึ้น 127.xxx คือที่อยู่การเข้าถึงในเครื่องและ 125.xxx คือที่อยู่การเข้าถึง LAN (หลักฐานที่นี่คือมีการติดตั้ง nodejs และติดตั้งเซิร์ฟเวอร์ http-server ด้วย npm)
เปิดไฟล์ html ด้วยเบราว์เซอร์ ใช้ http://127.0.0.1:8080 เพื่อแทนที่ที่อยู่ไฟล์ในเครื่อง
คลิก check-network-header เพื่อดูข้อมูลที่ส่งมาในแบบฟอร์ม
3. ความแตกต่างระหว่างวิธีการรับและโพสต์ต้องเพิ่มแท็กอินพุตทั้งหมดด้วยแอตทริบิวต์ name ไม่เช่นนั้นจะไม่สามารถรับข้อมูลได้อย่างถูกต้อง
ข้างต้นคือเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการศึกษาของทุกคน ฉันหวังว่าทุกคนจะสนับสนุน VeVb Wulin Network