HTML5 องค์ประกอบของแบบฟอร์ม

ใหม่องค์ประกอบรูปแบบ HTML5

ต่อไปนี้องค์ประกอบของแบบฟอร์ม HTML5 ใหม่:

• <DataList>
• <Keygen>
• <เอาท์พุท>

หมายเหตุ: เบราว์เซอร์ทั้งหมดไม่สนับสนุนองค์ประกอบรูปแบบ HTML5 ใหม่ แต่คุณสามารถใช้พวกเขาแม้ว่าเบราว์เซอร์ไม่สนับสนุนคุณสมบัติรูปแบบยังคงสามารถปรากฏเป็นองค์ประกอบรูปแบบปกติ

HTML5 <DataList> องค์ประกอบ

<DataList> องค์ประกอบระบุรายชื่อของตัวเลือกฟิลด์ใส่

<DataList> แอตทริบิวต์ระบุรูปแบบหรือการป้อนข้อมูลควรมีการเติมข้อความอัตโนมัติ เมื่อผู้ใช้เริ่มพิมพ์ในด้านการเติมข้อความอัตโนมัติ, เบราว์เซอร์จะแสดงตัวเลือกในการกรอกข้อมูลในเขตข้อมูลนี้:

การใช้งาน <input> ของรายการของคุณลักษณะและ <DataList> องค์ประกอบที่มีผลผูกพัน

ตัวอย่าง

<input> ใช้ <DataList> ค่าที่กำหนดไว้ล่วงหน้า:

<input รายการ = "เบราว์เซอร์"> <DataList id = "เบราว์เซอร์"> <option value = "Internet Explorer"> <option value = "Firefox"> <option value = "Chrome"> <option value = "Opera"> <option value = "ซาฟารี"> </ DataList>

ลอง»

HTML5 <Keygen> องค์ประกอบ

บทบาท <Keygen> องค์ประกอบคือการให้วิธีการที่เชื่อถือในการตรวจสอบผู้ใช้

<Keygen> แท็กถูกนำมาใช้ในรูปแบบคู่คีย์ข้อมูลเครื่องกำเนิดไฟฟ้าที่กำหนดไว้

เมื่อส่งแบบฟอร์มจะสร้างสองปุ่มหนึ่งเอกชนประชาชนคนหนึ่ง

กุญแจส่วนตัว (คีย์ส่วนตัว) ถูกเก็บไว้ในลูกค้ากุญแจสาธารณะ (คีย์สาธารณะ) ถูกส่งไปยังเซิร์ฟเวอร์ คีย์สาธารณะสามารถใช้ในการตรวจสอบผู้ใช้หลังจากที่ผ่านการรับรองจากลูกค้า (ใบรับรองไคลเอ็นต์)

ตัวอย่าง

แบบฟอร์มข้อมูล Keygen:

<form การกระทำ = "demo_keygen.asp" method = "รับ"> ชื่อผู้ใช้: <input type = "ข้อความ" name = "usr_name"> การเข้ารหัสลับ: <keygen name = "ความปลอดภัย"> <input type = "ส่ง"> </ form>

ลอง»

HTML5 <ผลผลิต> องค์ประกอบ

<เอาท์พุท> องค์ประกอบที่จะใช้สำหรับประเภทที่แตกต่างกันของการส่งออกเช่นการคำนวณหรือผลลัพธ์สคริปต์:

ตัวอย่าง

ผลปรากฏใน <ผลผลิต> องค์ประกอบ:

<form oninput = "x.value = parseInt (a.value ) + parseInt (b.value)"> 0 <input type = "ช่วง" id = "A" value = "50"> 100 + <input type = "จำนวน" id = "B" value = "50"> = < เอาท์พุท name = "X" สำหรับ = "AB"> </ ส่งออก> </ form>

ลอง»

HTML5 องค์ประกอบรูปแบบใหม่