ความคิดเห็น: HTML5 มีองค์ประกอบและคุณลักษณะหลายประการที่เกี่ยวข้องกับแบบฟอร์ม ต่อไปนี้เป็นองค์ประกอบแบบฟอร์มใหม่องค์ประกอบ Datalist องค์ประกอบ keygen องค์ประกอบเอาท์พุทและตัวอย่างการใช้งานของพวกเขา เพื่อนที่สนใจสามารถอ้างถึงได้ ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ
HTML5 มีองค์ประกอบและคุณลักษณะหลายอย่างที่เกี่ยวข้องกับแบบฟอร์ม
บทนี้แนะนำองค์ประกอบแบบฟอร์มใหม่ต่อไปนี้:
• Datalist
• keygen
•เอาต์พุต
การสนับสนุนเบราว์เซอร์
Typeiefirefoxoperachromesafari
Datalistnono9.5NONO
keygennono10.53.0no
outputnono9.5nono
องค์ประกอบข้อมูล
องค์ประกอบข้อมูลระบุรายการตัวเลือกสำหรับฟิลด์อินพุต
รายการถูกสร้างขึ้นด้วยองค์ประกอบตัวเลือกใน Datalist
ในการผูก Datalist กับโดเมนอินพุตโปรดดูที่ ID ของ Datalist โดยใช้แอตทริบิวต์รายการของโดเมนอินพุต:
ตัวอย่าง
หน้าเว็บ: <อินพุต type = "url" list = "url_list" />>
<Datalist>
<ตัวเลือกป้ายกำกับ = "w3School" value = "http://www.w3school.com.cn"/>
<ตัวเลือก label = "google" value = "http://www.google.com"/> >>
<ตัวเลือก label = "microsoft" value = "http://www.microsoft.com"/>
</tatalist>
ลองด้วยตัวเอง
เคล็ดลับ: องค์ประกอบตัวเลือกจะต้องตั้งค่าแอตทริบิวต์ค่าเสมอ
องค์ประกอบ keygen
ฟังก์ชั่นขององค์ประกอบ keygen คือการให้วิธีที่เชื่อถือได้ในการตรวจสอบผู้ใช้
องค์ประกอบ keygen เป็นเครื่องกำเนิดคีย์คู่ เมื่อส่งแบบฟอร์มมีการสร้างสองปุ่มหนึ่งปุ่มคือคีย์ส่วนตัวและอีกปุ่มหนึ่งคือคีย์สาธารณะ
คีย์ส่วนตัวจะถูกเก็บไว้ในไคลเอนต์และคีย์สาธารณะจะถูกส่งไปยังเซิร์ฟเวอร์ คีย์สาธารณะสามารถใช้เพื่อตรวจสอบใบรับรองไคลเอนต์ของผู้ใช้ในภายหลัง
ปัจจุบันการสนับสนุนที่ไม่ดีของเบราว์เซอร์สำหรับองค์ประกอบนี้ไม่เพียงพอที่จะทำให้เป็นมาตรฐานความปลอดภัยที่เป็นประโยชน์
ตัวอย่าง
<form action = "demo_form.asp" method = "get">
ชื่อผู้ใช้: <อินพุต type = "text" />>>>
การเข้ารหัส: <keygen />
<อินพุต type = "ส่ง" />
</form>
ลองด้วยตัวเอง
องค์ประกอบเอาต์พุต
องค์ประกอบเอาต์พุตใช้สำหรับเอาต์พุตประเภทต่าง ๆ เช่นการคำนวณหรือเอาต์พุตสคริปต์:
ตัวอย่าง
<เอาต์พุต onformInput = "rescalc ()"> </utput>