:: เมนูหลัก
 แบบทดสอบก่อนเรียน
 หน่วยที่ 1 โลกของเว็บเพจและเว็บไซต์
 หน่วยที่ 2 เริ่มต้นกับ HTML
 หน่วยที่ 3 การจัดการข้อความ
 หน่วยที่ 4 การใช้ลิสต์สร้างรายการ
 หน่วยที่ 5 การแทรกภาพ
 หน่วยที่ 6 การสร้างตาราง
 หน่วยที่ 7 การเชื่อมโยงเว็บเพจด้วยลิงค์
หน่วยที่ 8 การใช้งานไฟล์วีดีโอและเสียง
 หน่วยที่ 9 การสร้างฟอร์ม
 แบบทดสอบก่อนเรียน
แบบฟอร์มป้อนข้อมูล
การสร้างฟอร์มชนิด Text Box
 การสร้างฟอร์มชนิด password
 การสร้างฟอร์มชนิด Check Box
 การสร้างฟอร์มชนิด Radio Button
 การสร้างฟอร์มชนิดแนบ File
 การสร้างฟอร์มชนิด Text Area
 การสร้างฟอร์มชนิด Selection Box
 การสร้างปุ่มชนิด reset และ submit
 แบบฝึกหัด
 แบบทดสอบหลังเรียน
 แบบทดสอบหลังเรียนเรียน
:: หน่วยที่ 9 การสร้างฟอร์ม
การสร้างฟอร์มชนิด Password


เราจะเห็นว่าช่องรับข้อมูลชนิด Password ได้จากเวลาที่ Log in เข้า E-mail หรือเข้าระบบต่าง ๆ
โดยช่องกำหนดให้เป็นช่องรับข้อมูลชนิด Password เมื่อคีย์ข้อมูลเข้าไปในช่องแล้ว เราจะมองเห็นเป็นเครื่องหมาย * หรือ . จุดวงกลม จะไม่สามารถมองเห็นข้อมูลจริง ๆ ที่เราคีย์เข้าไปได้


Tag
ชื่อแท็ก input
ตำแหน่งแท็ก อยู่ภายในแท็ก <form>...</form> 
รูปแบบการใช้แท็ก <input type="value" name="ชื่อช่องกรอกข้อมูล">
แอตทริบิวต์ type  ชนิดของการรับข้อมูล
ค่า value password  กรอบสี่เหลี่ยที่รับรหัส


ตัวอย่างการใช้งาน
<body>
<form>
ชื่อผู้ใช้งาน : <input type="text" name="txtusername" maxlength="8">
รหัสผ่าน: <input type="password" name="txtpassword" maxlength="13">
</form>
</body>

การแสดงผล

ชื่อผู้ใช้งาน :
รหัสผ่าน:

 

จากตัวอย่างจะเห็นได้ว่าเมื่อกรอกตัวเลยหรือข้อความลงในช่อง รหัสผ่าน จะแสดงเป็นจุดวงกลมสีดำ จะไม่สามารถดูได้ว่าเป็นตัวอักษรใด


 


วีดีโอ