บทความบทนำของ wulin.com (www.vevb.com): HTML5 การปฏิบัติประจำวันของคุณลักษณะใหม่ของแบบฟอร์ม
มีการเพิ่มแท็กใหม่และแอตทริบิวต์การใช้งานจำนวนมากใน HTML5 วันนี้เราจะดูวิธีการใช้งานใหม่ของแบบฟอร์มใน HTML5 แล้วฟังก์ชั่นนี้เพิ่มความแตกต่างใน HTML5 และฟังก์ชั่นที่เราใช้มาก่อนคืออะไร? มาดูสองสามฉากด้านล่างคุณจะเข้าใจ ~
หากเราต้องการส่งองค์ประกอบแบบฟอร์มที่แตกต่างกันในหน้าและองค์ประกอบแบบฟอร์มเหล่านี้จะถูกแจกจ่ายในสถานที่ต่าง ๆ ใน HTML จากนั้นรูปแบบสามารถมีแท็กแบบฟอร์มทั้งหมดเท่านั้น
วิธีเก่า:
<ฟอร์ม ID = form1 action =>
<อินพุต ID = ชื่อผู้ใช้ = ชื่อผู้ใช้ประเภท = text/>
<อินพุต ID = userpwd name = userpwd type = รหัสผ่าน/>
<อินพุต ID = ชื่อผู้ใช้ = userage type = text/>
<ประเภทอินพุต = ส่งค่า = ส่ง/
</form>
แต่ฉันควรทำอย่างไรถ้าแบบฟอร์มนี้มีองค์ประกอบบางอย่าง (เช่นผู้ใช้) ที่ไม่จำเป็นต้องส่งในสิ่งนี้ ดูเหมือนว่าคุณสามารถส่งได้เท่านั้นเพื่อให้โปรแกรมเมอร์พื้นหลังไม่ยอมรับพารามิเตอร์นี้หรือใช้ JS เพื่อวางเนื้อหาทั้งหมดที่จำเป็นต้องส่งในแบบฟอร์มนี้ลงในพื้นที่ซ่อนเร้นและจากนั้นส่ง คุณสามารถปรับเปลี่ยนเป็นสิ่งต่อไปนี้
ปรับปรุง:
<ฟอร์ม ID = form1 action =>
<อินพุต id = hd_username name = ชื่อผู้ใช้ประเภท = hidden/>
<อินพุต id = hd_userpwd name = userpwd type = hidden/>
</form>
<อินพุต ID = ชื่อผู้ใช้ = ชื่อผู้ใช้ประเภท = text/>
<อินพุต ID = userpwd name = userpwd type = รหัสผ่าน/>
<อินพุต ID = ชื่อผู้ใช้ = userage type = text/>
<ประเภทอินพุต = ส่งค่า = ส่ง/
มันเป็นการดีที่จะแยกแยะเช่นนี้และสามารถตอบสนองความต้องการของเรา แต่มี JS มากเกินไปซึ่งเสียทรัพยากรเครือข่ายและแพ็คเก็ตคำขอ HTTP เพิ่มขนาดโครงการและค่อนข้างลำบากในการรักษา
วิธี HTML5:
<ฟอร์ม ID = form1 action =>
<ประเภทอินพุต = ส่งค่า = ส่ง/
</form>
<อินพุต ID = ชื่อผู้ใช้ = ชื่อผู้ใช้สำหรับ = form1 type = text/>
<อินพุต ID = userpwd name = userpwd สำหรับ = form1 type = รหัสผ่าน/>
<อินพุต ID = ชื่อผู้ใช้ = userage type = text/>
แอตทริบิวต์สำหรับที่นี่ = ID แบบฟอร์มเพื่อให้ชัดเจนว่ารูปแบบองค์ประกอบเหล่านี้เป็นของ คุณสามารถเข้าใจสิ่งนี้สำหรับแอตทริบิวต์เป็นแอตทริบิวต์ในฉลาก แต่ในกรณีนี้ใน HTML5 มันเป็นองค์ประกอบของ FOME1 ตอนนี้ดูที่รหัสมันสะอาดกว่ามากและไฟล์โครงการไม่ใหญ่ทำให้ง่ายต่อการบำรุงรักษา
หากคุณไม่เข้าใจคุณสามารถฝากข้อความถึงฉันโดยตรงและฉันจะตอบกลับทุกคนโดยเร็วที่สุด
หากคุณเข้าใจสิ่งนี้คุณสามารถฝึกฝนด้วยตัวเองและโพสต์เพื่อช่วยให้ทุกคนก้าวหน้าด้วยกัน!