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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
MOD_MTB_NEWS_RECENT
อยากได้วิธี get attribute ของ Dropdrow
โดย thatsawan อ 30 เม.ย. 2017 4:17 pm บอร์ด JavaScript & Jquery Ajax
2
6
อ 30 เม.ย. 2017 4:17 pm โดย thatsawan
ลับซ่อมpcโน๊ตบุคลงวินโด้ล่าค่า300ทุกอาหาร
โดย รับซ่อมคอมฯ ทุกอาการ อ 30 เม.ย. 2017 11:55 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
4
อ 30 เม.ย. 2017 11:55 am โดย รับซ่อมคอมฯ ทุกอาการ
[phpBB Debug] PHP Notice: in file [ROOT]/vendor/lusitanian/oauth/src/OAuth/OAuth2/Service/Facebook.php on line 147: Unde
โดย mindphp อ 30 เม.ย. 2017 1:02 am บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
1
7
อ 30 เม.ย. 2017 1:02 am โดย thatsawan
ช่วยดูโค๊ดนี้จาก error Unknown column '....' in 'where clause'
โดย Tanapat Sangtong ส 29 เม.ย. 2017 2:35 pm บอร์ด Programming - PHP
1
30
ส 29 เม.ย. 2017 2:35 pm โดย Tanapat Sangtong
server ไม่รองรับไฟล์รูปภาพที่เป็นภาษาไทย แก้ยังไงครับ
โดย tsukasaz ศ 28 เม.ย. 2017 6:18 pm บอร์ด Programming - PHP
0
10
ศ 28 เม.ย. 2017 6:18 pm โดย tsukasaz
ต้องการดึงจาก SQL มาแสดง Droplist แต่มันไม่แสดงครับ
โดย bondham ศ 28 เม.ย. 2017 5:04 pm บอร์ด Programming - PHP
2
24
ศ 28 เม.ย. 2017 5:04 pm โดย bondham
อยากทราบวิธี เช็ควัน หมดอายุ ของ SSL ได้ยังไงครับ ?
โดย M029 ศ 28 เม.ย. 2017 3:31 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
16
ศ 28 เม.ย. 2017 3:31 pm โดย M029
สอบถามคะ ติตั้ง joomla 1.5 ขึ้นแจ้งว่า Cookies do not appear to be enabled on your client. เป็นเพราะอะไรคะ
โดย moomai ศ 28 เม.ย. 2017 2:32 pm บอร์ด Joomla Development
1
21
ศ 28 เม.ย. 2017 2:32 pm โดย tsukasaz
สอบถามคะ ติดตั้ง Template ไม่ได้ขึ้น Error เป็นเพราะอะไรคะ
โดย moomai พฤ 27 เม.ย. 2017 7:52 pm บอร์ด Joomla Development
2
21
ศ 28 เม.ย. 2017 1:20 pm โดย tsukasaz
ถ้าจะออกแบบ db แบบระบบคล้ายๆmlm โครงสร้างทีไรบ้าง
โดย bondham อ 23 เม.ย. 2017 1:26 am บอร์ด SQL - Database
5
49
พฤ 27 เม.ย. 2017 7:26 pm โดย mindphp
สอบถามค่ะ ในโปรแกรมที่เราสร้างมี errpr ขึ้นหมายความว่ายังไงคะ
โดย moomai พฤ 27 เม.ย. 2017 2:09 pm บอร์ด Programming - PHP
3
30
พฤ 27 เม.ย. 2017 2:09 pm โดย tsukasaz
ติดตั้งโปรแกรม xampp ที่เป็นไฟล์ .zip ต้องทำยังไงบ้างคะ
โดย moomai พฤ 27 เม.ย. 2017 1:56 am บอร์ด Joomla Development
2
19
พฤ 27 เม.ย. 2017 1:56 am โดย moomai
ติดตั้งโปรแกรม xampp ที่เป็นไฟล์ .zip ต้องทำยังไงบ้างคะ
โดย moomai พฤ 27 เม.ย. 2017 1:55 am บอร์ด Joomla Development
0
6
พฤ 27 เม.ย. 2017 1:55 am โดย moomai
จะจัดตั้งบริษัทใหม่ มีค่าใช้จ่ายประมาณเท่าไหร่ครับ
โดย M029 พ 26 เม.ย. 2017 6:42 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
1
31
พ 26 เม.ย. 2017 6:42 pm โดย M029
ไปเรื่อง เรือดำน้ำ
โดย jataz2 พ 26 เม.ย. 2017 5:04 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
15
พ 26 เม.ย. 2017 5:04 pm โดย jataz2
ทำการติดตั้ง Joomla 1.5 แล้ว Error ต้องแก้ไขยังไงคะ
โดย moomai พ 26 เม.ย. 2017 4:51 pm บอร์ด Joomla Development
8
33
พ 26 เม.ย. 2017 4:51 pm โดย moomai
กำลังศึกษาภาษา Python สงสัยว่าพอเราเขียนชุดคำสั่งเสร็จแล้วจะนำไปใช้งานยังไงครับ
โดย amorn_au พ 26 เม.ย. 2017 11:25 am บอร์ด Programming - C/C++ & java & Python
0
23
พ 26 เม.ย. 2017 11:25 am โดย amorn_au
browser cache คืออะไรค่ะ
โดย thatsawan พ 26 เม.ย. 2017 10:56 am บอร์ด Programming - PHP
0
26
พ 26 เม.ย. 2017 10:56 am โดย thatsawan
มาแล้ว Joomla 3.7 มาตามสัญญา
โดย mindphp อ 25 เม.ย. 2017 11:44 pm บอร์ด PHP News
1
98
อ 25 เม.ย. 2017 11:44 pm โดย mindphp
R - mdsoft_claim_goods (ระบบเคลมสินค้า)
โดย dawthana อ 25 เม.ย. 2017 9:50 pm บอร์ด อาร์ซีพี โกลบอล จำกัด
1
21
อ 25 เม.ย. 2017 9:50 pm โดย dawthana