รูปแบบ HTML คืออะไรและใช้งานอย่างไร

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

แบบฟอร์มรับข้อมูลจากผู้เยี่ยมชมไซต์และโพสต์ไปยังแอปพลิเคชันส่วนหลัง เช่น CGI, ASP Script หรือสคริปต์ PHP เป็นต้น แอปพลิเคชันส่วนหลังดำเนินการประมวลผลที่จำเป็นกับข้อมูลที่ส่งผ่านตามตรรกะทางธุรกิจที่กำหนดไว้ภายในแอปพลิเคชัน

แท็ก HTML

ใช้สำหรับสร้างแบบฟอร์มใน HTML

ดังที่แสดงไว้ข้างต้น เราได้ใช้คุณลักษณะบางอย่าง นี่คือคุณสมบัติของแบบฟอร์ม

แอตทริบิวต์ของแบบฟอร์ม HTML

นี่คือแอตทริบิวต์ของรูปแบบ HTML

S.No	แอตทริบิวต์ &คำอธิบาย
1	การกระทำ สคริปต์แบ็กเอนด์พร้อมที่จะประมวลผลข้อมูลที่ส่งผ่านของคุณ
2	วิธีการ วิธีการที่จะใช้ในการอัพโหลดข้อมูล วิธีที่ใช้บ่อยที่สุดคือวิธี GET และ POST
3	เป้าหมาย ระบุหน้าต่างหรือเฟรมเป้าหมายที่จะแสดงผลของสคริปต์ ต้องใช้ค่าเช่น _blank, _self, _parent เป็นต้น
4	Enctype คุณสามารถใช้แอตทริบิวต์ enctype เพื่อระบุวิธีที่เบราว์เซอร์เข้ารหัสข้อมูลก่อนที่จะส่งไปยังเซิร์ฟเวอร์ ค่าที่เป็นไปได้คือ − application/x-www-form- urlencoded − นี่เป็นวิธีมาตรฐานที่รูปแบบส่วนใหญ่ใช้ในสถานการณ์ง่ายๆ หลายส่วน /form-data − ใช้เมื่อคุณต้องการอัปโหลดข้อมูลไบนารีในรูปแบบของไฟล์ เช่น รูปภาพ ไฟล์ word เป็นต้น

การควบคุมแบบฟอร์ม HTML

มีตัวควบคุมแบบฟอร์มประเภทต่างๆ ให้รวบรวมข้อมูล เช่น การป้อนข้อความ ช่องทำเครื่องหมาย ช่องตัวเลือก กล่องเลือกไฟล์ ปุ่มส่ง ฯลฯ

มาดูตัวอย่างง่ายๆ ในการรับอินพุตของผู้ใช้ด้วยแท็ก ในรูปแบบ HTML:

ตัวอย่าง

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Forms</title>
   </head>
   <body>
      <form>
         Student Name: <input type = "text" name = "sname" /><br>
         Student Subject: <input type = "text" name = "ssubject" />
      </form>
   </body>
</html>

ด้วยรหัสด้านบน ให้ผู้ใช้ป้อนชื่อและหัวเรื่อง

เราได้ใช้ แอตทริบิวต์ ประเภท และ ชื่อ . มาดูแอตทริบิวต์อื่นๆ ทั้งหมดสำหรับแท็ก

Sr.No	แอตทริบิวต์ &คำอธิบาย
1	ประเภท ระบุประเภทของการควบคุมการป้อนข้อมูล และสำหรับการควบคุมการป้อนข้อความ ตัวควบคุมจะถูกตั้งค่าเป็นข้อความ
2	ชื่อ ใช้เพื่อตั้งชื่อให้กับคอนโทรลที่ส่งไปยังเซิร์ฟเวอร์เพื่อให้รับรู้และรับค่า
3	ค่า สามารถใช้เพื่อให้ค่าเริ่มต้นภายในตัวควบคุม
4	ขนาด อนุญาตให้ระบุความกว้างของตัวควบคุมการป้อนข้อความในแง่ของอักขระ
5	ความยาวสูงสุด อนุญาตให้ระบุจำนวนอักขระสูงสุดที่ผู้ใช้สามารถป้อนลงในกล่องข้อความ