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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
MOD_MTB_NEWS_RECENT
อยากลบบัญชี e-mail,gmail,google drive ที่ผูกเข้าไปในโทรศัพท์ sumsung ทำยังไงค่ะ
โดย thatsawan พ 04 ต.ค. 2017 12:34 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
48
พ 04 ต.ค. 2017 12:34 am โดย thatsawan
ชื่อผู้สร้าง อยากทราบผู้สร้างเว็บนี้ค่ะ พอดีจะอ้างอิงในงานวิจัย
โดย บุคคลทั่วไป อ 03 ต.ค. 2017 8:44 pm บอร์ด Programming - PHP
1
76
อ 03 ต.ค. 2017 8:44 pm โดย บุคคลทั่วไป
ประโยชน์ของ Big Data(บิ๊ก ดาต้า)
โดย paoonline อ 03 ต.ค. 2017 6:20 pm บอร์ด Share Knowledge
0
78
อ 03 ต.ค. 2017 6:20 pm โดย paoonline
สอบถามการแชร์ printer จากเครื่อง server
โดย paoonline อ 03 ต.ค. 2017 5:26 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
3
101
อ 03 ต.ค. 2017 5:26 pm โดย paoonline
เปรียบเทียบความเร็วของภาษา php กับ java
โดย Before Dong อ 03 ต.ค. 2017 4:58 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
2492
อ 03 ต.ค. 2017 4:58 pm โดย Before Dong
Oralce ปัญหาเรื่อง font ภาษาไทย (กันกระทู้หาย)
โดย jataz2 อ 03 ต.ค. 2017 3:17 pm บอร์ด SQL - Database
1
53
อ 03 ต.ค. 2017 3:17 pm โดย mindphp
รู้จักกับ AdminLTE Theme(แอดมิน ตีม) ของ Yii2(ยี2) และการติดตั้งโดย Windows 10(วินโดว์ 10)
โดย paoonline อ 03 ต.ค. 2017 1:04 pm บอร์ด PHP Knowledge
0
113
อ 03 ต.ค. 2017 1:04 pm โดย paoonline
รู้จักกับ Google Chart Api(กูเกิ้ลชาร์ตเอพีไอ) แสดงในส่วนลักษณะของกราฟ ด้วยภาษา JavaScript(จาว่าสคลิป)
โดย paoonline จ 02 ต.ค. 2017 7:10 pm บอร์ด Jquery & Ajax Knowledge
1
118
จ 02 ต.ค. 2017 7:10 pm โดย konseo
อยากทราบข้อมูลการย้าย DNS
โดย araxvaan จ 02 ต.ค. 2017 7:05 pm บอร์ด Web Hosting Review - Free Host Share Host VPS
0
65
จ 02 ต.ค. 2017 7:05 pm โดย araxvaan
การวัดประสิทธิภาพโมเดลของ (Data Mining)
โดย paoonline จ 02 ต.ค. 2017 5:36 pm บอร์ด Share Knowledge
0
107
จ 02 ต.ค. 2017 5:36 pm โดย paoonline
จะจัดตั้ง กองทุนสวัสดิการเงินกู้สำหรับพนักงาน ต้องเตรียมอะไรบ้างครับ
โดย M029 จ 02 ต.ค. 2017 3:41 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
0
33
จ 02 ต.ค. 2017 3:41 pm โดย M029
จ่ายค่าบริการไปต่างประเทศ จะทำยังไงถึงเอามาเป็นต้นทุนได้ครับ
โดย M029 จ 02 ต.ค. 2017 3:34 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
1
54
จ 02 ต.ค. 2017 3:34 pm โดย konseo
สรรพากรมีหนังสือแจ้งว่าจะเข้ามาตรวจการ ต้องเตรียมตัวอย่างไรบ้าง ?
โดย M029 จ 02 ต.ค. 2017 3:30 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
0
42
จ 02 ต.ค. 2017 3:30 pm โดย M029
ระบบดูแลร้านขายาและเภสัช
โดย บุคคลทั่วไป จ 02 ต.ค. 2017 1:20 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
59
จ 02 ต.ค. 2017 1:20 pm โดย บุคคลทั่วไป
Version ของ Window IOSและ android
โดย Before Dong จ 02 ต.ค. 2017 12:26 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
2
3073
จ 02 ต.ค. 2017 12:26 pm โดย mindphp
Software ระบบดูแลและช่วยเหลือการทำงาน คลินิคสัตวแพทย์ โรงพยาบาล และเพ็ทช็อป
โดย บุคคลทั่วไป จ 02 ต.ค. 2017 12:11 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
62
จ 02 ต.ค. 2017 12:11 pm โดย บุคคลทั่วไป
วิธีเปลี่ยน Port SSH Serve เพื่อ network security ที่ดีขึ้น
โดย mindphp อ 01 ต.ค. 2017 2:03 am บอร์ด Linux - Web Server
0
62
อ 01 ต.ค. 2017 2:03 am โดย mindphp
วิธีขายของ
โดย บุคคลทั่วไป ศ 29 ก.ย. 2017 11:11 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
58
ศ 29 ก.ย. 2017 11:11 pm โดย บุคคลทั่วไป
รับโปรแกรมเมอร์ (ขั้นเทพ)เขียนเว็ปไซร์ดึงข้อมูลแสดงผลประเภทกีฬา รายละเอียดด้านใน
โดย Nuntawat Songlaynu ศ 29 ก.ย. 2017 6:40 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
92
ศ 29 ก.ย. 2017 6:40 pm โดย konseo
Keyboard โปรแกรมเมอร์ไทย 4.0
โดย Before Dong ศ 29 ก.ย. 2017 9:40 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
2
1132
ศ 29 ก.ย. 2017 9:40 am โดย mindphp