การสร้างฟอร์มชนิด 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>
ชื่อผู้ใช้งาน : <input type="text" name="txtusername" maxlength="8">
รหัสผ่าน: <input type="password" name="txtpassword" maxlength="13">
</form>
การแสดงผล
จากตัวอย่างจะเห็นได้ว่าเมื่อกรอกตัวเลยหรือข้อความลงในช่อง รหัสผ่าน จะแสดงเป็นจุดวงกลมสีดำ จะไม่สามารถดูได้ว่าเป็นตัวอักษรใด
วีดีโอ