วิธีการฝังกล่องเข้าสู่ระบบใน HTML

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

1

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

2

พิมพ์ชุด“ ฟอร์ม” แท็กเพื่อกำหนดเนื้อหาเป็นแบบฟอร์ม รวมแอตทริบิวต์“ method” และตั้งค่าเป็น“ POST” เพื่อระบุว่าค่าแบบฟอร์มจะถูกส่งโดยใช้วิธีการโพสต์ซึ่งตรงข้ามกับวิธีการรับซึ่งมีความปลอดภัยน้อยกว่า เพิ่มพารามิเตอร์“ action” และใส่ตำแหน่งเซิร์ฟเวอร์ของสคริปต์ที่จะทำการเข้าสู่ระบบ สิ่งนี้อาจได้รับจากผู้พัฒนา บริษัท ของคุณหรือผู้ให้บริการโซลูชันบุคคลที่สาม แท็กเริ่มต้นของคุณจะมีลักษณะดังต่อไปนี้:

4

รวมปุ่มแบบฟอร์มโดยใช้แท็ก "อินพุต" ด้วยประเภทตั้งค่าเป็น "ส่ง" () เพื่อให้ผู้ใช้สามารถส่งข้อมูลของเขาได้:

5

อัปโหลดไฟล์ไปยังเว็บเซิร์ฟเวอร์ของคุณโดยใช้ไคลเอนต์ ftp เช่น WS_FTP หรือ Dreamweaver

สิ่งที่จำเป็น

• ตำแหน่งสคริปต์การเข้าสู่ระบบ