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

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

บทที่ 12 HTML5 Form Elements ตอนที่ 2
2.ตัวอย่างการใช้งานแท็ก <keygen>
<keygen> tag เป็น ถูกกำหนดให้ทำหน้าที่เป็น List option ของข้อมูล element นี้ จะใช้ร่วมกับ inpur element เพื่อให้เราเลือก input value ให้กับ element ตาม list ที่มี
"input" element จะใช้ list attribute เพื่อรวม datalist เข้าไปด้วยกัน tag เป็น ถูกกำหนดให้ทำหน้าที่เป็น List option ของข้อมูล element นี้ จะใช้ร่วมกับ inpur element เพื่อให้เราเลือก input value ให้กับ element ตาม list ที่มี "input" element จะใช้ list attribute เพื่อรวม datalist เข้าไปด้วยกัน

Attributes Value รายละเอียด
autofocus disabled ทำให้ input field เกิด focused เมื่อ page load
challenge challenge กำหนดว่า กำหนดค่า value ของ keygen เมื่อกด submit
disabled disabled ทำการ Disables keytag field
form formname กำหนดชื่อ Form ตั้งแต่ 1 form เพื่อเข้ารหัส
keytype rsa / other กำหนด security algorithm ของ key เพื่อเข้ารหัส เช่น rsa เพื่อ generates การเข้ารหัส RSA key
name fieldname กำหนด unique name สำหรับ input element

ตัวอย่างโค๊ด

<html>
<head>
<title>Thai-Programmer Web</title>
</head>
<body>
<form action="test.php" method="post">
Username: <input type="text" name="usr_name" />
Encryption: <keygen name="security" />
<input type="submit" />
</form>
</body> 
</html>


ผลลัพธ์คือ


3.ตัวอย่างการใช้งานแท็ก <output>
<output> tag เป็น ถูกกำหนดให้ทำหน้าที่เป็น output ของการแสดงข้อมูลของการคำนวน

Attributes Value รายละเอียด
for id กำหนด id ของ element ตั้งแต่ 1 elements ขึ้นไป ที่จะใช้ร่วมกับ output
form formid กำหนด id ของ form ตั้งแต่ 1 form ขึ้นไป ที่จะใช้ร่วมกับ output
name name กำหนด unique name สำหรับ input element


ตัวอย่างโค๊ด

<!DOCTYPE HTML>
<html>
<head>
?<title>Thai-Programmer Web</title>
</head>
<body>
?<input name="N1" type="number"> +
?<input name="N2" type="number"> =
?<output name="result1" onforminput="value=N1.valueAsNumber + N2.valueAsNumber"></output>
?<br />
?<input name="N3" type="number"> -
?<input name="N4" type="number"> =
?<output name="result2" onforminput="value=N3.valueAsNumber - N4.valueAsNumber"></output>
?<br />
?<input name="N5" type="number"> *
?<input name="N6" type="number"> =
?<output name="result3" onforminput="value=N5.valueAsNumber * N6.valueAsNumber"></output>
?<br />
?<input name="N7" type="number"> /
?<input name="N8" type="number"> =
?<output name="result4" onforminput="value=N7.valueAsNumber / N8.valueAsNumber"></output>
</body> 
</html>

ผลลัพธ์คือ


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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
เงินดิจิตอล(Cryptocurrencies)เสียภาษีด้วยเมื่อมีกำไรหรือประโยชน์
โดย taemmynatchapon จ 23 ก.ค. 2018 3:58 pm บอร์ด Share Knowledge
0
1
จ 23 ก.ค. 2018 3:58 pm โดย taemmynatchapon
เราจะส่งค่าไปบันทึกยังไงครับ
โดย mollyclick จ 23 ก.ค. 2018 3:37 pm บอร์ด Programming - PHP
1
10
จ 23 ก.ค. 2018 3:43 pm โดย tsukasaz
ยืนยันหน้าจอการทำงานของ แสดงจํานวนสินค้าในสตอคในหน้า PO ข้อที่ 7
โดย nuattawoot จ 23 ก.ค. 2018 1:30 pm บอร์ด Hachanna - Testter
0
6
จ 23 ก.ค. 2018 1:30 pm โดย nuattawoot
งานประจำวันที่ 23 กรกฏาคม 2561
โดย pprn จ 23 ก.ค. 2018 11:02 am บอร์ด MT25 - นางสาวปรียากมล รินนาศักดิ์
0
3
จ 23 ก.ค. 2018 11:02 am โดย pprn
Note
โดย Lamduan จ 23 ก.ค. 2018 10:42 am บอร์ด M066 - นางสาวลำดวน พันโอดเบี้ย
0
6
จ 23 ก.ค. 2018 10:42 am โดย Lamduan
Work's on Hand ลำดวน พันโอดเบี้ย M066
โดย Lamduan จ 23 ก.ค. 2018 10:41 am บอร์ด M066 - นางสาวลำดวน พันโอดเบี้ย
0
18
จ 23 ก.ค. 2018 10:41 am โดย Lamduan
งานประจำวันที่ 23 กรกฎาคม 2561
โดย Lamduan จ 23 ก.ค. 2018 10:29 am บอร์ด M066 - นางสาวลำดวน พันโอดเบี้ย
1
12
จ 23 ก.ค. 2018 10:39 am โดย Lamduan
งานประจำวันที่ 23 กรกฎาคม 2561
โดย prakon จ 23 ก.ค. 2018 10:28 am บอร์ด MT24 - นายปกรณ์ วิริยะธนวิโรจน์
1
5
จ 23 ก.ค. 2018 2:58 pm โดย prakon
งานประจำวันที่ 23 กรกฏาคม 2561
โดย tatiya จ 23 ก.ค. 2018 9:59 am บอร์ด M065 - ตติยะ นาชัย
0
2
จ 23 ก.ค. 2018 9:59 am โดย tatiya
B - ติดตั้งผังบัญชีไม่สมบูณ์ยังไม่ครบตามที่่ใช้งาน
โดย thatsawan อ 22 ก.ค. 2018 4:33 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
2
อ 22 ก.ค. 2018 4:33 pm โดย thatsawan
B - ข้อมูลที่อยู่แปะไม่ครบในใบเสนอราคา
โดย thatsawan อ 22 ก.ค. 2018 4:06 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
2
อ 22 ก.ค. 2018 4:06 pm โดย thatsawan
B - ติดตั้งเเล้ว ใหม่ error need to add a dependency on the parent class' module.
โดย thatsawan อ 22 ก.ค. 2018 2:27 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
2
อ 22 ก.ค. 2018 2:27 pm โดย thatsawan
B - MDUpgrade อัพเกรด Joomla 2.5.28 เป็น 3.8 แล้วมีการอัพโหลดอยู่นานมาก
โดย Parichat ส 21 ก.ค. 2018 7:10 pm บอร์ด Joomla Dev
2
14
จ 23 ก.ค. 2018 11:38 am โดย Parichat
นักฟุตบอลเสียภาษีอย่างไรบ้าง?
โดย taemmynatchapon ส 21 ก.ค. 2018 6:19 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
28
ส 21 ก.ค. 2018 6:19 pm โดย taemmynatchapon
google dive โหลดไฟล์ PDF ไม่ได้ เด้งไปไหนไม่รู้ หน้าขาวๆ
โดย thatsawan ส 21 ก.ค. 2018 1:45 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
17
ส 21 ก.ค. 2018 1:45 pm โดย thatsawan
'งานประจำวันที่ 21 กรกฎาคม 2561
โดย tatiya ส 21 ก.ค. 2018 10:09 am บอร์ด M065 - ตติยะ นาชัย
1
4
ส 21 ก.ค. 2018 7:13 pm โดย tatiya
ช่วยแนะนำ mysqli หน่อยครับ จะเปลี่ยนยังไงครับ
โดย mollyclick ส 21 ก.ค. 2018 7:34 am บอร์ด Programming - PHP
1
157
จ 23 ก.ค. 2018 3:35 pm โดย mollyclick
สอบถามเรื่องการแสดงค่าหน่อย
โดย zinptin ศ 20 ก.ค. 2018 9:06 pm บอร์ด Programming - PHP
0
66
ศ 20 ก.ค. 2018 9:06 pm โดย zinptin
Demo M2OpenERP
โดย tsukasaz ศ 20 ก.ค. 2018 4:02 pm บอร์ด M2OpenERP
0
5
ศ 20 ก.ค. 2018 4:02 pm โดย tsukasaz
Q - ไม่สามารถอัพไฟล์ขึ้น git lab ได้
โดย prakon ศ 20 ก.ค. 2018 1:44 pm บอร์ด Programming - PHP
1
42
ศ 20 ก.ค. 2018 2:12 pm โดย tsukasaz