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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
อยากเล่นเฟซบุ๊กต้องทำยังไง
โดย teenproza7 พ 22 พฤษภาคม 2019 8:48 pm บอร์ด Share Knowledge
0
18
พ 22 พฤษภาคม 2019 8:48 pm โดย teenproza7
สอบถามเรื่องการสร้างเพจ
โดย khwanchanok พ 22 พฤษภาคม 2019 7:14 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
8
พ 22 พฤษภาคม 2019 7:14 pm โดย khwanchanok
วิธี start server บนเครื่อง VM กรณี server ดับ (Ubuntu server) ระบบไฟล์มีปัญหา
โดย tatiya พ 22 พฤษภาคม 2019 7:04 pm บอร์ด Linux - Web Server
0
9
พ 22 พฤษภาคม 2019 7:04 pm โดย tatiya
ข้อดีเเละข้อเสียของการซื้อของเเพง
โดย สริญญา สมสา พ 22 พฤษภาคม 2019 6:50 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
5
พ 22 พฤษภาคม 2019 6:50 pm โดย สริญญา สมสา
การสร้าง FanPage ใน Facbook
โดย khwanchanok พ 22 พฤษภาคม 2019 6:46 pm บอร์ด Share Knowledge
3
31
พ 22 พฤษภาคม 2019 7:50 pm โดย tatiya
ไม่สามารถส่งค่าไปยัง database ได้
โดย teenproza7 พ 22 พฤษภาคม 2019 6:21 pm บอร์ด Programming - C/C++ & java & Python
1
17
พ 22 พฤษภาคม 2019 6:30 pm โดย tatiya
เรียนรู้การนับค่าKey index ในList
โดย khwanchanok พ 22 พฤษภาคม 2019 6:15 pm บอร์ด Python Knowledge
0
4
พ 22 พฤษภาคม 2019 6:15 pm โดย khwanchanok
ข้อแตกต่างระหว่าง List Tuple และ Ditionary
โดย khwanchanok พ 22 พฤษภาคม 2019 6:04 pm บอร์ด Python Knowledge
0
4
พ 22 พฤษภาคม 2019 6:04 pm โดย khwanchanok
มารู้จักกับ Built-in Funtion ในPython
โดย khwanchanok พ 22 พฤษภาคม 2019 5:52 pm บอร์ด Python Knowledge
0
5
พ 22 พฤษภาคม 2019 5:52 pm โดย khwanchanok
สร้างตัวแปรใน Python
โดย khwanchanok พ 22 พฤษภาคม 2019 5:36 pm บอร์ด Python Knowledge
0
7
พ 22 พฤษภาคม 2019 5:36 pm โดย khwanchanok
Error ภาษาไทยใน Python
โดย khwanchanok พ 22 พฤษภาคม 2019 5:29 pm บอร์ด Python Knowledge
0
15
พ 22 พฤษภาคม 2019 5:29 pm โดย khwanchanok
ดูแลหูฟังกันอย่างไรใหม่มีประสิทธิภาพ
โดย jamepiyawat พ 22 พฤษภาคม 2019 4:55 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
11
พ 22 พฤษภาคม 2019 4:55 pm โดย jamepiyawat
วิธีทำสลัดโรล
โดย สริญญา สมสา พ 22 พฤษภาคม 2019 4:41 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
14
พ 22 พฤษภาคม 2019 4:41 pm โดย สริญญา สมสา
ออกกำลังกายกี่วันถึงจะดีนะ ?
โดย jamepiyawat พ 22 พฤษภาคม 2019 3:48 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
18
พ 22 พฤษภาคม 2019 3:48 pm โดย jamepiyawat
ประเภทเเละระบบของการเงิน
โดย สริญญา สมสา พ 22 พฤษภาคม 2019 3:29 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
6
พ 22 พฤษภาคม 2019 3:29 pm โดย สริญญา สมสา
เจอปัญหา หลังจากการอัพเกรด Joomla เมนูย่อย ใน Components Component หาย
โดย mindphp พ 22 พฤษภาคม 2019 3:28 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
0
8
พ 22 พฤษภาคม 2019 3:28 pm โดย mindphp
เลือกเก้าอี้ที่เหมาะสมกันเถอะ
โดย jamepiyawat พ 22 พฤษภาคม 2019 3:13 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
20
พ 22 พฤษภาคม 2019 3:13 pm โดย jamepiyawat
สรุปฟีเจอร์ที่เพิ่มไปในระบบ Web - Ordering
โดย Parichat พ 22 พฤษภาคม 2019 2:55 pm บอร์ด Diageo - Web Ordering (Main)
0
7
พ 22 พฤษภาคม 2019 2:55 pm โดย Parichat
วิธีแก้อาการเมาค้าง แฮงค์ คลื่นไส้ ทำอย่างไรให้หายเมาแบบรวดเร็ว
โดย teenproza7 พ 22 พฤษภาคม 2019 2:40 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
9
พ 22 พฤษภาคม 2019 2:40 pm โดย teenproza7
Custom field ใน Joomla ที่เราสร้างขึ้นมา เอง ทำให้มันค้นได้ไหม
โดย icphp พ 22 พฤษภาคม 2019 2:34 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
1
10
พ 22 พฤษภาคม 2019 3:11 pm โดย tsukasaz