ใน HTML5 ในขณะที่เพิ่มองค์ประกอบและแอตทริบิวต์จำนวนมากมันยังเพิ่มฟังก์ชั่นจำนวนมากเพื่อตรวจสอบการตรวจสอบความถูกต้องของเนื้อหาขององค์ประกอบใหม่ในรูปแบบและแบบฟอร์มในรูปแบบระหว่างการส่งต่อไป
ใน HTML5 วิธีการใช้แอตทริบิวต์ขององค์ประกอบสามารถนำไปใช้งานได้โดยฟังก์ชั่นของการตรวจสอบอัตโนมัติระหว่างรูปแบบของแบบฟอร์ม
<! > <ประเภทอินพุต = ชื่อข้อความ = ข้อความที่ต้องการรูปแบบ =^/w.*$> <ประเภทอินพุต = ส่งค่า = ส่ง> </form> </body> </html>
ถัดไปลองดูที่ข้อกำหนดของแอตทริบิวต์ที่ จำกัด เนื้อหาของเนื้อหาอินพุตใน HTML5 ใน HTML5
1. คุณลักษณะที่ต้องการ
แอตทริบิวต์ใหม่ใน HTML5 สามารถนำไปใช้กับองค์ประกอบอินพุตส่วนใหญ่ (ยกเว้นองค์ประกอบที่ซ่อนอยู่ปุ่มองค์ประกอบรูปภาพ) เมื่อส่งหากเนื้อหาในองค์ประกอบว่างเปล่า หากคุณไม่ได้รับอนุญาตให้ส่งข้อความพร้อมท์ข้อมูลจะปรากฏขึ้นในเบราว์เซอร์เพื่อแจ้งให้ผู้ใช้ป้อนเนื้อหาในองค์ประกอบนี้เอฟเฟกต์ดังแสดงในรูปที่แสดงในรูปที่
2. แอตทริบิวต์รูปแบบ
องค์ประกอบอินพุตที่เพิ่มขึ้นใหม่ที่กล่าวถึงก่อนหน้านี้เช่นอีเมลจำนวน URL ฯลฯ ต้องการเนื้อหาอินพุตเพื่อให้ตรงกับรูปแบบที่แน่นอนใช้แอตทริบิวต์รูปแบบสำหรับองค์ประกอบอินพุตและตั้งค่าแอตทริบิวต์เป็นนิพจน์ทั่วไปของรูปแบบที่แน่นอน เมื่อส่งจะตรวจสอบว่าเนื้อหานั้นสอดคล้องกับรูปแบบหรือไม่ เมื่อเนื้อหาของอินพุตไม่ตรงกับรูปแบบการส่งจะไม่ได้รับอนุญาต
<! การระบุเนื้อหา: <อินพุตรูปแบบ = [0-9] [AZ] {3} name = part placeholder = อินพุต: จำนวนตัวอักษรสามตัวอักษร> <อินพุตประเภท = ส่งค่า = ส่ง> </form> </body> </html>เอฟเฟกต์การดำเนินการมีดังนี้:
3. คุณสมบัติ MIN และคุณลักษณะสูงสุด
คุณลักษณะสองอย่างของนาทีและสูงสุดเป็นคุณลักษณะพิเศษขององค์ประกอบอินพุตของวันที่หรือประเภทตัวเลข
<! ค่า: <อินพุตประเภท = ชื่อหมายเลข = จุด min = 0 max = 100/> <ประเภทอินพุต = ส่งค่า = ส่ง> </form> </body> </html>
เอฟเฟกต์การดำเนินการมีดังนี้:
4. คุณลักษณะขั้นตอน
แอตทริบิวต์ขั้นตอนควบคุมค่าในองค์ประกอบอินพุตเพื่อเพิ่มขั้นตอนเมื่อลดลง ตัวอย่างเช่นเมื่อคุณต้องการค่าของผู้ใช้ที่จะป้อนระหว่าง 0 ถึง 100 แต่เมื่อคุณต้องเป็นคูณ 5 คุณสามารถระบุขั้นตอนนั้นคือ 5 และรหัสมีดังนี้:
<! > <put> type = number name = point step = 5/> <input type = submit/> </body> </html>
เอฟเฟกต์มีดังนี้:
ฉันหวังว่าสำหรับคุณลักษณะใหม่ของแบบฟอร์มเหล่านี้คุณสามารถมีความเข้าใจที่ลึกซึ้งยิ่งขึ้น! หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉัน Xiaobian จะตอบกลับทุกคนในเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Vevb Wulin!