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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
Q - คอมพิวเตอร์มีปัญหากับเม้าส์และคีย์บอร์ดค่ะ
โดย taemmynatchapon จ 11 มิ.ย. 2018 7:02 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
50
จ 11 มิ.ย. 2018 7:02 pm โดย taemmynatchapon
เส้นทางการเป็นผู้สอบบัญชีภาษีอากร
โดย taemmynatchapon จ 11 มิ.ย. 2018 6:53 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
35
จ 11 มิ.ย. 2018 6:53 pm โดย taemmynatchapon
บทลงโทษของการหลีกเลี่ยงภาษีเงินได้บุคคลธรรมดา
โดย taemmynatchapon จ 11 มิ.ย. 2018 6:49 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
38
จ 11 มิ.ย. 2018 6:49 pm โดย taemmynatchapon
เส้นทางการเป็นผู้สอบบัญชีรับอนุญาต
โดย taemmynatchapon จ 11 มิ.ย. 2018 6:46 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
28
จ 11 มิ.ย. 2018 6:46 pm โดย taemmynatchapon
B - ค้นหาไม่เจอลูกค้าในบริษัทตอนสร้าง SO
โดย thatsawan ส 09 มิ.ย. 2018 12:23 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
2
6
จ 11 มิ.ย. 2018 4:23 pm โดย thatsawan
บริษัท RCP แจ้งให้อับข้อมูล
โดย Rujikon จ 11 มิ.ย. 2018 3:09 pm บอร์ด Mindphp Task (ทดลองงาน)
0
6
จ 11 มิ.ย. 2018 3:09 pm โดย Rujikon
บริษัท MDsoft มีการเผยแพร่ข้อมูลของทางฮาจังนะในทางสาธารณะหรือไม่ [2018-06][003]
โดย AePongsak จ 11 มิ.ย. 2018 11:49 am บอร์ด Hachanna - Testter
1
3
จ 11 มิ.ย. 2018 11:49 am โดย AePongsak
B - ลายน้ำไม่ปรากฏครับ [2018-06][004]
โดย AePongsak จ 11 มิ.ย. 2018 11:34 am บอร์ด Hachanna - Testter
2
8
พ 13 มิ.ย. 2018 10:56 am โดย AePongsak
Q - เพิ่มหน้ารายละเอียดสินค้าใน joomshopping
โดย Parichat จ 11 มิ.ย. 2018 10:51 am บอร์ด Joomla Dev
84
209
ศ 15 มิ.ย. 2018 5:03 pm โดย Parichat
งานประจำวันที่ 11 มิถุนายน 2561
โดย Rujikon จ 11 มิ.ย. 2018 10:10 am บอร์ด M060 - นายรุจิกร พงษ์พิละ
1
12
จ 11 มิ.ย. 2018 6:10 pm โดย Rujikon
งานประจำวันที่ 11 มิถุนายน 2561
โดย taemmynatchapon จ 11 มิ.ย. 2018 10:09 am บอร์ด M063 - ณัชพล ชัยวุฒิ
1
14
จ 11 มิ.ย. 2018 7:03 pm โดย taemmynatchapon
งานประจำวันที่ 11 มิถุนายน 2561
โดย wilawan จ 11 มิ.ย. 2018 9:51 am บอร์ด M062 - วิลาวัณย์ นักษัตรมณฑล
3
20
จ 11 มิ.ย. 2018 7:18 pm โดย thatsawan
งานประจำวันที่ 11 มิถุนายน 2561
โดย Parichat จ 11 มิ.ย. 2018 9:41 am บอร์ด M061 - ปาริชาติ รัตโณภาส
1
4
จ 11 มิ.ย. 2018 7:22 pm โดย Parichat
B - ปัญหาเข้า Server ด้วย user root , password เติมตั้งแต่ติดตั้ง Server ไม่ได้
โดย mindphp จ 11 มิ.ย. 2018 6:11 am บอร์ด Hachanna - Testter
2
7
จ 11 มิ.ย. 2018 10:47 am โดย mindphp
คำนวนเงินฝากธนาคาร+ดอกเบี้ยง่ายๆ โดยใช้ฟังก์ชัน FV (Future Value) ในโปรแกรม Microsoft Excel
โดย taemmynatchapon ส 09 มิ.ย. 2018 5:51 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
49
ส 09 มิ.ย. 2018 5:51 pm โดย taemmynatchapon
คำนวณค่างวดง่ายๆ โดยใช้ฟังก์ชัน PMT (Payment) ในโปรแกรม Microsoft Excel
โดย taemmynatchapon ส 09 มิ.ย. 2018 5:27 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
39
ส 09 มิ.ย. 2018 5:27 pm โดย taemmynatchapon
วิธีการดูว่าชุดข้อมูลมีกี่ชั้นกี่มิติ
โดย Parichat ส 09 มิ.ย. 2018 1:51 pm บอร์ด PHP Knowledge
0
42
ส 09 มิ.ย. 2018 1:51 pm โดย Parichat
B - ใบเสนอราคาข้อมูลเก่าไม่ต้อง default Code โปรแกรมที่พัฒ...
โดย thatsawan ส 09 มิ.ย. 2018 12:24 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
3
ส 09 มิ.ย. 2018 12:24 pm โดย thatsawan
การเดินทางจากจังหวัดเชียงรายมากรุงเทพ
โดย taemmynatchapon ส 09 มิ.ย. 2018 11:04 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
53
ส 09 มิ.ย. 2018 11:04 am โดย taemmynatchapon
อัตราภาษีเงินได้นิติบุคคลปี 2561
โดย taemmynatchapon ส 09 มิ.ย. 2018 10:57 am บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
44
ส 09 มิ.ย. 2018 10:57 am โดย taemmynatchapon