ประเด็นความรู้ประการแรก: คุณลักษณะและบทสรุปของแบบฟอร์ม
ประเด็นความรู้ที่สอง: การควบคุมแบบฟอร์มใหม่และคุณสมบัติและการสรุปของ H5
จุดความรู้แรก:การตรวจสอบแบบฟอร์มทั่วไปของเรามีอะไรบ้าง
ป้ายชื่อกล่องข้อความ
กล่องรหัสผ่านรหัสผ่าน
ช่องทำเครื่องหมายหลายช่อง
ปุ่มวิทยุ
ปุ่มปุ่ม
ส่งปุ่มส่ง
ข้างต้นคือแอตทริบิวต์แบบฟอร์มบางส่วนที่ใช้กันทั่วไปของเรา
จุดความรู้ที่สอง: การควบคุมอินพุตใหม่ H5(1) อีเมล: กล่องข้อความอีเมล ไม่แตกต่างจากอีเมลทั่วไป
1. เมื่อข้อมูลที่กรอกไม่ใช่ที่อยู่อีเมล การยืนยันจะล้มเหลว
2. คีย์บอร์ดมือถือจะเปลี่ยนไป
(2) โทรศัพท์: หมายเลขโทรศัพท์
1. ส่วนใหญ่อยู่บนเทอร์มินัลมือถือ การสลับคีย์บอร์ดหนึ่งครั้ง
(3) url: URL ของหน้าเว็บ
ป้อน URL ที่ถูกต้อง
(4) เซียร์: เครื่องมือค้นหา
1. หลังจากกรอกข้อความด้วย chrome แล้ว จะมีเครื่องหมาย x ปิดพิเศษ
(5) ช่วง: ตัวเลือกค่าภายในช่วงที่ระบุ
1.นาที สูงสุด ก้าว (จำนวนก้าว)
2. ตัวอย่าง: ใช้ js เพื่อแสดงค่าปัจจุบัน
(6) หมายเลข: ช่องป้อนข้อมูลที่มีเฉพาะตัวเลขเท่านั้น
(7) สี: ตัวเลือกสี
(8) detetime แสดงวันที่ที่สมบูรณ์
(9) เติมข้อความอัตโนมัติ: ไม่ว่าจะบันทึกค่าอินพุตของผู้ใช้หรือไม่
ค่าเริ่มต้นคือเปิด หากต้องการปิดพรอมต์ให้เลือกปิด
(10): ระบุแบบฟอร์มเพื่อรับโฟกัสอินพุต
(11): รายการนี้จำเป็นและไม่สามารถเว้นว่างได้
หากคุณเขียนเฉพาะในช่องป้อนข้อมูลแรก ช่องป้อนข้อมูลที่สองจะปรากฏขึ้น กรุณากรอกข้อมูลในช่องนี้
(12) parrern: การตรวจสอบปกติ pattrn=/d{1,5}
นิพจน์ทั่วไปที่ฉันตั้งไว้คือตัวเลข 1-5 หากไม่ใช่ตัวเลข การส่งจะล้มเหลว
สรุปข้างต้นเป็นคำอธิบายโดยละเอียดเกี่ยวกับการควบคุมฟอร์ม HTML5 ใหม่และโค้ดตัวอย่างแอตทริบิวต์ของฟอร์มที่แนะนำโดยตัวแก้ไข ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใดๆ โปรดฝากข้อความถึงฉัน แล้วตัวแก้ไขจะตอบกลับคุณ เวลา!