ให้เรตสมาชิก: 2 / 5

ดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

บทที่ 12 HTML5 Form Elements ตอนที่ 1
Form Elements ตัวใหม่ๆ ของ HTML5 ซึ่งมีทั้งหมด 3 ตัวได้แก่

tag
คำอธิบาย
<details> มีไว้สำหรับแสดงลิสต์เมื่อป้อนข้อมูลลงช่อง input

<keygen> เป็นการสร้างความปลอดภัย โดยทำการส่าง private key เก็บไว้ และ ส่ง public key ไปที่ เซอร์เวอร์
<output> โชว์ผลการคำนวนทางคณิตศาสตร์


1. ตัวอย่างการใช้งานแท็ก <datalist>
<datalist> tag เป็น ถูกกำหนดให้ ใช้คู่กับ form เพื่อทำการ generator การเข้ารหัสให้กับ ข้อมูลใน form ใช้เพื่อระบบความปลอดภัยในกาส่งข้อมูลจาก Client ไปยัง Server เมื่อ form ถูก submit private key จะถูกจัดเก็บไว้ยัง เครื่องคอมพิวเตอร locally หรือเครื่อง Client และ public key จะถูกส่งไปยัง server
ตัวอย่างโค๊ด

<html>
<head>
<title>Thai-Programmer Web</title>
</head>
<body>
<input list="cars"/> // แท็ก input สำหรับป้อนข้อมูล ลิงค์กับ id ของ datalist ผ่านแอททริบิวท์ที่ชื่อ list
<datalist id="cars"> // แท็ก datalist ที่มี id ตรงกับ attribute ชื่อ list ของ input
  <option value="BMW"/> // แท็ก option คือตัวเลือกที่เป็นไปได้ของลิสต์
  <option value="Ford"/>
  <option value="Volvo"/>
</datalist>
</body>
</html>

ผลลัพธ์คือ


อ่านเพิ่มเติม
บทที่ 12 HTML5 Form Elements อิเลเม็นต์ตัวใหม่ในการสร้าง form ตอนที่ 2

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
งานประจำวันที่ 13 พฤศจิกายน 2561
โดย prakon อ 13 พ.ย. 2018 10:00 am บอร์ด MT24 - นายปกรณ์ วิริยะธนวิโรจน์
0
4
อ 13 พ.ย. 2018 10:00 am โดย prakon
งานประจำวันที่ 12 พฤศจิกายน 2561
โดย Ittichai_chupol อ 13 พ.ย. 2018 8:31 am บอร์ด M070 - อิทธิชัย ชูผล
0
1
อ 13 พ.ย. 2018 8:31 am โดย Ittichai_chupol
งานประจำวันที่ 13 พฤษจิกายน 2561
โดย tatiya อ 13 พ.ย. 2018 8:30 am บอร์ด M065 - ตติยะ นาชัย
0
1
อ 13 พ.ย. 2018 8:30 am โดย tatiya
งานประจำวันที่ 13 พฤศจิกายน 2561
โดย nice_13 อ 13 พ.ย. 2018 8:30 am บอร์ด M071 - พิชญ์สินี คงจร
1
2
อ 13 พ.ย. 2018 10:09 am โดย nice_13
งานประจำวันที่ 13 พฤศจิกายน 2561
โดย pprn อ 13 พ.ย. 2018 8:27 am บอร์ด MT25 - นางสาวปรียากมล รินนาศักดิ์
0
1
อ 13 พ.ย. 2018 8:27 am โดย pprn
B - ปรับเปลี่ยนเทมเพลต เป็นแบบ phpbb
โดย Ittichai_chupol อ 13 พ.ย. 2018 1:03 am บอร์ด ThaiVI - Tester
0
2
อ 13 พ.ย. 2018 1:03 am โดย Ittichai_chupol
B - เพิ่มเเบ่งหน้า ใน extension กระทู้สมาชิก
โดย Ittichai_chupol อ 13 พ.ย. 2018 12:24 am บอร์ด ThaiVI - Tester
0
1
อ 13 พ.ย. 2018 12:24 am โดย Ittichai_chupol
งานประจำวันที่ 12 พฤศจิกายน 2561
โดย prakon จ 12 พ.ย. 2018 4:19 pm บอร์ด MT24 - นายปกรณ์ วิริยะธนวิโรจน์
1
9
จ 12 พ.ย. 2018 6:35 pm โดย prakon
งานประจำวันที่ 12 พฤศจิกายน 2561
โดย tai14 จ 12 พ.ย. 2018 4:07 pm บอร์ด MT26 - นางสาวอัครยุภา ยงยุทธ
0
2
จ 12 พ.ย. 2018 4:07 pm โดย tai14
งานประจำวันที่ 12 พฤศจิกายน 2561
โดย nice_13 จ 12 พ.ย. 2018 4:01 pm บอร์ด M071 - พิชญ์สินี คงจร
0
3
จ 12 พ.ย. 2018 4:01 pm โดย nice_13
R - Email เเจ้งเตือนเมื่อ ลง lead
โดย thatsawan จ 12 พ.ย. 2018 2:13 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
1
จ 12 พ.ย. 2018 2:13 pm โดย thatsawan
งานประจำวันที่ 12 พฤศจิกายน 2561
โดย pprn จ 12 พ.ย. 2018 1:13 pm บอร์ด MT25 - นางสาวปรียากมล รินนาศักดิ์
0
6
จ 12 พ.ย. 2018 1:13 pm โดย pprn
งานประจำวัน 12 พฤศจิกายน 2561
โดย Ittichai_chupol จ 12 พ.ย. 2018 11:49 am บอร์ด M070 - อิทธิชัย ชูผล
0
3
จ 12 พ.ย. 2018 11:49 am โดย Ittichai_chupol
งานประจำวันที่ 12 พฤษจิกายน 2561
โดย tatiya จ 12 พ.ย. 2018 11:36 am บอร์ด M065 - ตติยะ นาชัย
1
4
จ 12 พ.ย. 2018 6:38 pm โดย tatiya
แก้ code ปุ่มรับรหัสส่วนลด
โดย Kritsana Leesakul อ 11 พ.ย. 2018 10:16 am บอร์ด Joomla Development
0
16
อ 11 พ.ย. 2018 10:16 am โดย Kritsana Leesakul
งานประจำวันที่ 10 พฤศจิกายน 2561
โดย Parichat ส 10 พ.ย. 2018 3:45 pm บอร์ด Part time work M061
1
6
ส 10 พ.ย. 2018 6:50 pm โดย Parichat
Q - วิธีการที่สร้าง หน้า ต่าง pop up ใน phpbb
โดย Ittichai_chupol ส 10 พ.ย. 2018 3:03 pm บอร์ด Programming - PHP
0
32
ส 10 พ.ย. 2018 3:03 pm โดย Ittichai_chupol
Q - อยากทราบวิธีการ แปลง วันที่เป็น ใน phpbb
โดย Ittichai_chupol ส 10 พ.ย. 2018 2:55 pm บอร์ด Programming - PHP
2
47
จ 12 พ.ย. 2018 2:35 pm โดย thatsawan
gui
โดย Anonymous ส 10 พ.ย. 2018 11:16 am บอร์ด Python Knowledge
0
30
ส 10 พ.ย. 2018 11:16 am โดย บุคคลทั่วไป
อุปกรณ์ Pocket wifi
โดย Ittichai_chupol ส 10 พ.ย. 2018 11:02 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
32
ส 10 พ.ย. 2018 11:02 am โดย Ittichai_chupol