บทความบทนำของ wulin.com (www.vevb.com): การสอน HTML5: แบบฟอร์มการตรวจสอบแบบอัตโนมัติ
1. แอตทริบิวต์ที่ต้องการ:
<form>
<อินพุต ID = webjx_required name = webjx.com ประเภทที่ต้องการ = text/>
<ประเภทอินพุต = ส่งค่า = ส่ง/
</form>
แอตทริบิวต์ที่ต้องการสามารถใช้กับองค์ประกอบอินพุตส่วนใหญ่ (ยกเว้นองค์ประกอบที่ซ่อนอยู่ปุ่มองค์ประกอบภาพ ฯลฯ )
คุณสมบัติที่ต้องการระบุว่ากล่องอินพุตนี้เป็นรายการที่ต้องการ เมื่อส่งหากกล่องอินพุตนี้ว่างผู้ใช้จะได้รับแจ้งให้ป้อนและส่ง
<form>
<อินพุต ID = webjx_required name = webjx.com ประเภทที่ต้องการ = text/>
<ประเภทอินพุต = ส่งค่า = ส่ง/
</form>
2. แอตทริบิวต์รูปแบบ:
<form>
<อินพุต ID = webjx_pattern name = webjx.com ที่ต้องการรูปแบบ =/d {3} type = text/
<ประเภทอินพุต = ส่งค่า = ส่ง/
</form>
ค่าของแอตทริบิวต์รูปแบบโดยทั่วไปจะเป็นนิพจน์ทั่วไป เฉพาะเมื่อเนื้อหาที่ป้อนโดยผู้ใช้ตรงกับรูปแบบบางรูปแบบเท่านั้นที่จะสามารถส่งได้ มิฉะนั้นผู้ใช้จะได้รับแจ้งให้ไม่เป็นไปตามข้อกำหนด ดังที่แสดงข้างต้นจะต้องป้อน 3 หลัก
วิ่งเลย:
<form>
<อินพุต ID = webjx_pattern name = webjx.com ที่ต้องการรูปแบบ =/d {3} type = text/
<ประเภทอินพุต = ส่งค่า = ส่ง/
</form>
3. แอตทริบิวต์ขั้นต่ำและแอตทริบิวต์สูงสุด:
<form>
<อินพุต ID = webjx_min_max name = webjx.com ต้องการขั้นต่ำ = 3 max = 16 type = number/>
<ประเภทอินพุต = ส่งค่า = ส่ง/
</form>
แอตทริบิวต์ทั้งสองขั้นต่ำและสูงสุดเป็นคุณลักษณะที่เป็นกรรมสิทธิ์ขององค์ประกอบอินพุตของประเภทตัวเลขหรือประเภทตามวัน พวกเขา จำกัด ช่วงของค่าและวันที่ที่ป้อนในองค์ประกอบอินพุต ค่าแอตทริบิวต์คือตัวเลข
วิ่งเลย:
<form>
<อินพุต ID = webjx_min_max name = webjx.com ต้องการขั้นต่ำ = 3 max = 16 type = number/>
<ประเภทอินพุต = ส่งค่า = ส่ง/
</form>
4. คุณลักษณะขั้นตอน:
<form>
<อินพุต ID = webjx_step name = webjx.com ต้องการขั้นตอน = 10 นาที = 0 สูงสุด = 100 type = number/>
<ประเภทอินพุต = ส่งค่า = ส่ง/
</form>
แอตทริบิวต์ขั้นตอนจะควบคุมการเพิ่มขึ้นหรือลดลงของค่าองค์ประกอบอินพุต ตัวอย่างเช่นเมื่อคุณต้องการให้ผู้ใช้ป้อนค่าระหว่าง 0-100 แต่จะต้องเป็นหลายของ 10 ดังที่แสดงในรหัสด้านบนคลิกด้านล่างเพื่อเรียกใช้เพื่อดูเอฟเฟกต์
วิ่งเลย:
<form>
<อินพุต ID = webjx_step name = webjx.com ต้องการขั้นตอน = 10 นาที = 0 สูงสุด = 100 type = number/>
<ประเภทอินพุต = ส่งค่า = ส่ง/
</form>