แบบฟอร์ม HTML - แท็กป้อนรหัสผ่าน

อาจ 9, 2024

ประเภทของแท็กอินพุต HTML ที่เราจะกล่าวถึงในบทช่วยสอนนี้คือแท็กอินพุตรหัสผ่าน แท็กใส่รหัสผ่านคล้ายกับแท็กป้อนข้อความที่เรากล่าวถึงในบทช่วยสอนล่าสุด คุณควรอ่านบทช่วยสอนนั้นก่อนดำเนินการต่อ เมื่อคุณลงชื่อเข้าใช้ในพื้นที่ส่วนตัวหรือพื้นที่คุ้มครองเช่นบัญชีลูกค้าคุณจะพบกับแบบฟอร์มขอชื่อผู้ใช้และรหัสผ่านของคุณ ฟิลด์อินพุตสำหรับชื่อผู้ใช้ของคุณถูกสร้างขึ้นด้วยแท็กป้อนข้อความและฟิลด์ป้อนรหัสผ่านจะถูกสร้างขึ้นด้วยแท็กป้อนรหัสผ่าน ความแตกต่างที่โดดเด่นที่สุดระหว่างแท็กอินพุตทั้งสองประเภทนี้คือคุณสมบัติความปลอดภัยในตัวสำหรับแท็กอินพุตรหัสผ่าน เมื่อคุณพิมพ์รหัสผ่านคุณจะไม่สามารถเห็นอักขระของรหัสผ่านบนหน้าจอคอมพิวเตอร์ นี่เป็นเพราะแท็กป้อนรหัสผ่านบอกให้เว็บเบราเซอร์แสดงจุดหรือ * แทนอักขระที่คุณพิมพ์ลองดูด้านล่างในช่องป้อนรหัสผ่านตัวอย่าง

ด้านล่างเป็นรหัสพื้นฐานสำหรับแท็กอินพุตประเภทนี้

value = "" size = "30" maxlenght = "10">

<

วงเล็บมุมซ้าย

อินพุต

ชื่อองค์ประกอบ

ชนิด

แอตทริบิวต์ type ควบคุมประเภทของฟิลด์อินพุต - ข้อความ, ปุ่ม, รหัสผ่าน, ช่องทำเครื่องหมาย, ซ่อน, ไฟล์, วิทยุ, ส่ง, รีเซ็ต, รูปภาพ

ชื่อ

แอตทริบิวต์ name ใช้เพื่อตั้งค่าการระบุสำหรับฟิลด์อินพุต

ราคา

แอตทริบิวต์ value ใช้เพื่อตั้งค่าข้อความเริ่มต้นในฟิลด์อินพุต

ขนาด

ขนาดคุณสมบัติตั้งขนาดทางกายภาพ (ในจำนวนตัวอักษร) สำหรับความยาวของช่องใส่

maxlength

แอ็ตทริบิวต์ maxlength ตั้งค่าจำนวนอักขระสูงสุดที่สามารถป้อนลงในฟิลด์อินพุต

>

วงเล็บมุมฉาก

บันทึก--ลูกศร

บ่งชี้ว่ารหัสถูกห่อเป็นบรรทัดที่สองและควรจะเป็นจริงในบรรทัดเดียว

ถัดไป→

|

รูปแบบ HTML - แท็กป้อนรหัสผ่าน, HTML, แท็กใส่รหัสผ่าน, ฟิลด์ป้อนรหัสผ่าน, ซ่อนรหัสผ่าน, วิธีเพิ่มฟอร์มในหน้าเว็บของคุณ, วิธีเขียนแบบฟอร์ม HTML, รูปแบบ HTML, รูปแบบ, รหัสฟอร์มป้อน HTML html แท็ก, แบบฟอร์มแท็กการป้อนข้อมูล, แบบฟอร์มการป้อนข้อมูลของผู้ใช้, cgi-bin, คุณสมบัติแบบฟอร์ม, แบบฟอร์มที่ได้รับ, แบบฟอร์มการโพสต์, รูปแบบวิธีการ, HTML, XHTML, DHTML, โฮสต์ CGI

บทความก่อนหน้านี้

บทความถัดไป

บทความที่เกี่ยวข้อง

คอมพิวเตอร์

สาย XBox 360 Component HD AV

อาจ 2024

หากคุณมีทีวีความละเอียดสูงแสดงว่าคุณได้รับสาย XBox 360 Component HD AV แล้ว สิ่งนี้จะช่วยให้ฟีด HD TV ของคุณมีคุณภาพที่ยอดเยี่ยมสำหรับเกม XBox 360 ของคุณ อย่างแรกรูปถ่ายของสายเคเบิลหุ้นไม่ถูกต้องนัก...