บทนำ แอตทริบิวต์ autocomplete ควบคุมการเติมอัตโนมัติของเบราว์เซอร์ ตั้งค่าที่ <form> หรือ <input> ได้ ค่าที่เป็นไปได้ ค่าคำอธิบาย on (default)เบราว์เซอร์เติมอัตโนมัติจากประวัติ offปิดการเติมอัตโนมัติ ผู้ใช้ต้องพิมพ์เอง nameชื่อ-นามสกุล emailอีเมล usernameชื่อผ

บทนำ แอตทริบิวต์ novalidate วางที่ <form> เพื่อปิดการตรวจสอบความถูกต้อง (Validation) ทั้งฟอร์มเมื่อส่ง ตัวอย่างโค้ด <!DOCTYPE html> <html> <head> <title>HTML Novalidate Attribute</title> </head> <body> <form action= method=get novali

บทนำ แอตทริบิวต์ formnovalidate ใช้กับปุ่ม Submit (<input type=submit> หรือ <button type=submit>) เพื่อส่งฟอร์ม โดยไม่ตรวจสอบความถูกต้อง (Validation) แม้ฟอร์มจะมี required หรือ pattern ก็ตาม จะ Override แอตทริบิวต์ novalidate ของฟอร์ม ตัวอย่างโค้ด <!DOCTYPE html> <html>

บทนำ ใช้แอตทริบิวต์ maxlength กับ <input type=text> เพื่อจำกัดจำนวนตัวอักษรสูงสุด ตัวอย่างโค้ด <!DOCTYPE html> <html> <head> <title>HTML Maxlength Attribute</title> </head> <body> <form action=/cgi-bin/hello_get.cgi method=get>

บทนำ ใช้ <input type=number> เพื่อให้ช่องกรอกรับเฉพาะตัวเลข เบราว์เซอร์จะตรวจสอบอัตโนมัติ ตัวอย่างโค้ด <!DOCTYPE html> <html> <head> <title>HTML Input Number</title> </head> <body> <form action= method=get> กรอกตัวเลข 1 ถึง

บทนำ ใช้ <input type=file multiple> เพื่อให้ผู้ใช้เลือกหลายไฟล์พร้อมกัน แอตทริบิวต์ multiple เป็น Boolean attribute ตัวอย่างโค้ด <!DOCTYPE html> <html> <head> <title>Upload Multiple Files</title> </head> <body> <form> <in

บทนำ ใช้แอตทริบิวต์ maxlength กับ <textarea> เพื่อจำกัดจำนวนตัวอักษรสูงสุดที่กรอกได้ ตัวอย่างโค้ด <!DOCTYPE html> <html> <head> <title>HTML Textarea Maxlength</title> </head> <body> <form action= method=get> ต้องการปรับปรุงอ

บทนำ แอตทริบิวต์ step กำหนดช่วงค่าที่ถูกต้องสำหรับ input ประเภทตัวเลข/วันที่/เวลา ร่วมกับ min และ max ตัวอย่างโค้ด <!DOCTYPE html> <html> <head> <title>HTML Input Step Attribute</title> </head> <body> <form action= method=get> กรอ

บทนำ ใช้ <input type=date> สำหรับเลือกวันที่ (วัน/เดือน/ปี) แสดง Date Picker ตัวอย่างโค้ด <!DOCTYPE html> <html> <head> <title>HTML Input Date</title> </head> <body> <form action= method=get> กรอกวันลงทะเบียน:<br>

บทนำ ใช้ <input type=color> สำหรับ Color Picker เปิด UI เลือกสี พร้อมค่าเริ่มต้นผ่าน value ตัวอย่างโค้ด <!DOCTYPE html> <html> <head> <title>HTML Input Color</title> </head> <body> <form action= method=get> เลือกสีสำหรับเว็บ

บทนำ ใช้ <input type=range> สำหรับ Slider เลือกค่าในช่วง ค่าเริ่มต้น 0-100 ตัวอย่างโค้ด <!DOCTYPE html> <html> <head> <title>HTML Input Range</title> </head> <body> <form action= method=get> ระบุจุดที่การติดตั้งหยุด (0-50):&

บทนำ ใช้ <input type=month> สำหรับเลือกเดือนและปี จะแสดง Date Picker แบบเดือน/ปี ตัวอย่างโค้ด <!DOCTYPE html> <html> <head> <title>HTML Input Month</title> </head> <body> <form action= method=get> รายละเอียด:<br><br

บทนำ ใช้ <input type=time> สำหรับให้ผู้ใช้เลือกเวลา จะแสดง Time Picker พอคลิก ตัวอย่างโค้ด <!DOCTYPE html> <html> <head> <title>HTML Input Time</title> </head> <body> <form action= method=get> รายละเอียด:<br><br>

บทนำ ใช้แท็ก <video> สำหรับฝังวิดีโอใน HTML5 รองรับรูปแบบ MP4, WebM, Ogg แอตทริบิวต์หลัก แอตทริบิวต์ค่าคำอธิบาย srcURLที่อยู่ไฟล์วิดีโอ controlscontrolsแสดงควบคุม (เล่น/หยุด/เสียง/เต็มจอ) autoplayautoplayเล่นอัตโนมัติ (มักถูกบล็อกถ้ามีเสียง) looploopเล่นซ้ำ mutedmut

บทนำ แท็ก <textarea> ใช้สร้างช่องกรอกข้อความหลายบรรทัด คล้ายกับบทความก่อนหน้าแต่อาจมีรายละเอียดต่างออกไป แอตทริบิวต์สำคัญ (สรุป) แอตทริบิวต์ค่าคำอธิบาย autofocusautofocusโฟกัสอัตโนมัติ colsnumberความกว้าง (ตัวอักษร) rowsnumberความสูง (บรรทัด) disableddisabledปิดการใช้งา

บทนำ ใช้แท็ก <textarea> สำหรับช่องกรอกข้อความหลายบรรทัด กำหนดขนาดด้วย rows (บรรทัด) และ cols (ตัวอักษรต่อบรรทัด) แอตทริบิวต์สำคัญ แอตทริบิวต์ค่าคำอธิบาย autofocusautofocusโฟกัสอัตโนมัติเมื่อโหลดหน้า colsnumberความกว้าง (จำนวนตัวอักษร) rowsnumberความสูง (จำนวนบรรทัด) dis

บทนำ ทั้งสองสร้างปุ่มได้ แต่มีความแตกต่างสำคัญในเรื่องเนื้อหาและการจัดรูปแบบ แท็ก <button> เป็น Container - ใส่เนื้อหาได้: ข้อความ, รูปภาพ, ไอคอน, HTML อื่นๆ จัดสไตล์ด้วย CSS ได้ยืดหยุ่นกว่า ค่าเริ่มต้น type=submit (ในฟอร์ม) ตัวอย่างใส่รูปภาพในปุ่ม <!DOCTYPE html> <html>

บทนำ ปุ่ม Submit จะส่งข้อมูลฟอร์มไปยัง URL ที่ระบุในแอตทริบิวต์ action ของ <form> ตัวอย่างโค้ด <!DOCTYPE html> <html> <body> <form action=/new.php> Student Name:<br> <input type=text name=sname><br> Student Subject:<br>

บทนำ แท็ก <datalist> ให้ตัวเลือกแนะนำ (Autocomplete suggestions) สำหรับช่อง <input> ผู้ใช้สามารถพิมพ์เองได้ หรือเลือกจากรายการ ตัวอย่างโค้ด <!DOCTYPE html> <html> <head> <title>HTML Datalist Tag</title> </head> <body> <p>พิม

บทนำ หมายเหตุ: แท็ก <keygen> ถูก Deprecated (เลิกใช้) และถูกลบออกจากมาตรฐาน HTML แล้ว ไม่ควรใช้ในโปรเจกต์ใหม่ แท็กนี้ใช้สร้างคู่กุญแจ (Key Pair) สำหรับระบบจัดการใบรับรอง (Certificate Management) เมื่อส่งฟอร์ม Private key จะเก็บไว้ฝั่ง Client และ Public key จะส่งไปเซิร์ฟเวอร์ แอตทริบิวต์ (สำ