ให้เรตสมาชิก: 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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
B - com_M2OpenERP Migration ติดตั้งได้แต่ไม่สามารถตั้งค่าได้ใน Joomla 3.x
โดย Parichat ศ 22 มิ.ย. 2018 5:55 pm บอร์ด M2OpenERP
0
3
ศ 22 มิ.ย. 2018 5:55 pm โดย Parichat
Q - หน้ารายละเอียดสินค้าให้แสดงราคาเป็น USD ด้วยและTHB ด้วย
โดย Parichat ศ 22 มิ.ย. 2018 2:20 pm บอร์ด Joomla Dev
5
13
ศ 22 มิ.ย. 2018 6:04 pm โดย tsukasaz
B - หน้าข้อมูลสินค้า แสดงพิ้นหลังยาวกว่าเว็บต้นฉบับ
โดย tsukasaz ศ 22 มิ.ย. 2018 1:20 pm บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
2
11
ศ 22 มิ.ย. 2018 6:12 pm โดย tsukasaz
B - หน้าข้อมูลสินค้า ต้องแสดงราคาเป็น USD ด้วย ตามเว็บต้นฉบับ
โดย tsukasaz ศ 22 มิ.ย. 2018 1:17 pm บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
1
8
ศ 22 มิ.ย. 2018 6:02 pm โดย tsukasaz
B - หน้าข้อมูลสินค้า เมื่อเลือกสีสินค้า รูปแบบของราคาจากตัวหนาเปลี่ยนเป็นตัวปกติ
โดย tsukasaz ศ 22 มิ.ย. 2018 1:09 pm บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
1
5
ศ 22 มิ.ย. 2018 1:46 pm โดย Parichat
B - หน้า How to Buy ข้อความเกินขอบพื้นหลัง
โดย tsukasaz ศ 22 มิ.ย. 2018 12:07 pm บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
1
4
ศ 22 มิ.ย. 2018 1:28 pm โดย Parichat
B - หน้าดาวน์โหลดแสดงผลไม่เหมือนของเดิม ข้อความเกินขอบพื้นหลัง
โดย tsukasaz ศ 22 มิ.ย. 2018 12:04 pm บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
1
4
ศ 22 มิ.ย. 2018 12:10 pm โดย Parichat
Q - จัดรูปภาพให้อยู่ตรงกลางโดยใช้คำสั่ง Center แต่รูปภาพไม่อยู่กึ่งกลางตามคำสั่ง
โดย Parichat ศ 22 มิ.ย. 2018 12:02 pm บอร์ด Joomla Dev
6
13
ศ 22 มิ.ย. 2018 4:52 pm โดย Parichat
B - หน้ารายการสินค้า ปุ่ม Detail กับ Feature ไม่เปลี่ยนตอน Mouse Over
โดย tsukasaz ศ 22 มิ.ย. 2018 11:50 am บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
1
7
ศ 22 มิ.ย. 2018 4:20 pm โดย tsukasaz
Q - ทำให้รูปภาพตกลงในขนาดของหน้าจอมือถือกรณีใช้ grid-container
โดย Parichat ศ 22 มิ.ย. 2018 11:47 am บอร์ด Joomla Dev
9
19
ศ 22 มิ.ย. 2018 6:18 pm โดย tsukasaz
Q - แบ่งหน้าสินค้าในกรณีที่เปิดในมือถือ
โดย Parichat ศ 22 มิ.ย. 2018 11:41 am บอร์ด Joomla Dev
6
14
ศ 22 มิ.ย. 2018 4:44 pm โดย Parichat
B - การตั้งค่า Access Right สิทธ์แต่ละ User เข้าใช้งานไม่ได้
โดย nuattawoot ศ 22 มิ.ย. 2018 11:07 am บอร์ด อาร์ซีพี โกลบอล จำกัด - Tester
1
10
ศ 22 มิ.ย. 2018 4:46 pm โดย nuattawoot
งานประจำวันที่ 22 มิถุนายน 2561
โดย taemmynatchapon ศ 22 มิ.ย. 2018 10:27 am บอร์ด M063 - ณัชพล ชัยวุฒิ
1
3
ศ 22 มิ.ย. 2018 7:00 pm โดย taemmynatchapon
การดู URL ใน Joomla
โดย Parichat ศ 22 มิ.ย. 2018 10:24 am บอร์ด Joomla Developing Knowledge
0
10
ศ 22 มิ.ย. 2018 10:24 am โดย Parichat
B - หน้ารูปภาพสินค้าปรับทศนิยม 2 ตำแหน่ง
โดย tsukasaz ศ 22 มิ.ย. 2018 10:14 am บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
1
9
ศ 22 มิ.ย. 2018 10:46 am โดย Parichat
B - หน้ารูปภาพสินค้าบนมือถือ รูปภาพแสดงเลยจอ
โดย tsukasaz ศ 22 มิ.ย. 2018 10:06 am บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
0
12
ศ 22 มิ.ย. 2018 10:06 am โดย tsukasaz
B - หน้าข้อมูลสินค้าบนมือถือ รูปภาพแสดงเลยจอ
โดย tsukasaz ศ 22 มิ.ย. 2018 10:02 am บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
0
9
ศ 22 มิ.ย. 2018 10:02 am โดย tsukasaz
B - หน้ารายการสินค้าบนมือถือ สินค้าแสดงเลยพื้นหลัง
โดย tsukasaz ศ 22 มิ.ย. 2018 9:58 am บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
1
8
ศ 22 มิ.ย. 2018 4:21 pm โดย tsukasaz
B - หน้ารายการสินค้าบนมือถือ ตำแหน่งของสีไม่ถูกต้อง
โดย tsukasaz ศ 22 มิ.ย. 2018 9:55 am บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
1
8
ศ 22 มิ.ย. 2018 11:06 am โดย Parichat
งานประจำวันที่ 22 มิถุนายน 2561
โดย Parichat ศ 22 มิ.ย. 2018 8:52 am บอร์ด M061 - ปาริชาติ รัตโณภาส
1
3
ศ 22 มิ.ย. 2018 7:18 pm โดย Parichat