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

บทนำ แท็ก <canvas> ให้พื้นที่วาดกราฟิก 2D ด้วย JavaScript (Scripting) เหมาะสำหรับกราฟิกแบบ Raster (Pixel-based) แอตทริบิวต์หลัก แอตทริบิวต์ค่าคำอธิบาย widthpixelsความกว้าง Drawing Surface (Default 300) heightpixelsความสูง Drawing Surface (Default 150) idstringID สำหรับ Java

บทนำ HTML5 Geolocation API ให้ JavaScript เข้าถึงตำแหน่งภูมิศาสตร์ของผู้ใช้ (Latitude/Longitude) ผ่าน navigator.geolocation เมธอดหลัก เมธอดคำอธิบาย getCurrentPosition(success, error, options)ดึงตำแหน่งปัจจุบันครั้งเดียว watchPosition(success, error, options)ติดตามตำแหน่งต่อเนื่อง (Re

บทนำ แอตทริบิวต์ novalidate ใช้ปิดการ Validate ฟอร์มเมื่อ Submit เป็น Boolean Attribute วางที่ <form> เหตุผลในการใช้งาน บันทึกแบบร่าง (Save Draft) - ผู้ใช้บันทึกความคืบหน้าได้แม้กรอกไม่ครบ/ผิด ฟอร์มหลายขั้นตอน (Multi-step Wizard) - ไปขั้นตอนต่อไปได้โดยไม่ Validate ขั้นก่อน ทดสอบฝั่ง S

บทนำ ทั้งสองแอตทริบิวต์ใช้สำหรับข้ามการตรวจสอบความถูกต้อง (Validation) แต่ขอบเขตและการใช้งานต่างกัน ตารางเปรียบเทียบ คุณสมบัติnovalidateformnovalidate วางที่<form><input type=submit> / <button type=submit> ขอบเขตทั้งฟอร์ม (ทุกปุ่ม Submit)เฉพาะปุ่มที่มีแอตทริบิวต์นี้

บทนำ แอตทริบิวต์ formaction ใช้กับปุ่ม Submit เพื่อส่งฟอร์มไป URL ต่างกันจาก action ของฟอร์มหลัก Override action ของ <form> ตัวอย่างโค้ด <!DOCTYPE html> <html> <head> <title>HTML Formaction Attribute</title> </head> <body> <form acti

บทนำ ใช้แท็ก <iframe> สำหรับฝังวิดีโอจาก YouTube, Vimeo, หรือแพลตฟอร์มอื่นๆ ตั้งค่า width height และ src เป็น Embed URL ขั้นตอนดึง Embed Link จาก YouTube เปิดวิดีโอ YouTube กดปุ่ม Share (แชร์) เลือก Embed (ฝัง) คัดลอก URL ใน src=https://www.youtube.com/embed/VIDEO_ID ตัวอย่างโค้ด

บทนำ แอตทริบิวต์ formaction ต้องอยู่ภายใน <form> จึงจะทำงาน แต่สามารถวางปุ่มนอกฟอร์มได้โดยใช้แอตทริบิวต์ form อ้างอิง ID ของฟอร์ม ตัวอย่างปกติ (ในฟอร์ม) <!DOCTYPE html> <html> <head> <title>HTML Formaction Attribute</title> </head> <body>

บทนำ แอตทริบิวต์ formenctype ใช้กับปุ่ม Submit เพื่อกำหนด Encoding ของข้อมูลฟอร์มเมื่อส่ง Override enctype ของ <form> ใช้ได้กับ type=submit และ type=image ค่าที่เป็นไปได้ ค่าคำอธิบาย application/x-www-form-urlencodedค่าเริ่มต้น - เข้ารหัสทุกตัวอักษร (Space → +, Special → %XX) m

บทนำ ใช้แท็ก <audio> สำหรับฝังไฟล์เสียงใน HTML5 เพิ่มแอตทริบิวต์ controls เพื่อแสดง Player UI รูปแบบเสียงที่รองรับ MP3 - รองรับทุกเบราว์เซอร์ (แนะนำหลัก) WAV - คุณภาพสูง ขนาดใหญ่ Ogg (Vorbis/Opus) - Open source รองรับ Firefox, Chrome, Opera แนะนำ: ใส่ <source> หลายรูปแบบเพื่อคว

บทนำ แอตทริบิวต์ formmethod ใช้กับปุ่ม Submit เพื่อกำหนด HTTP Method (GET/POST) แยกต่างหากจากฟอร์มหลัก Override method ของ <form> ตัวอย่างโค้ด <!DOCTYPE html> <html> <head> <title>HTML Formmethod Attribute</title> </head> <body> <for

บทนำ แอตทริบิวต์ formtarget ใช้กับ <input type=submit> หรือ <button type=submit> เพื่อระบุที่แสดงผลลัพธ์หลังส่งฟอร์ม Override target ของ <form> ค่าที่เป็นไปได้ ค่าคำอธิบาย _blankเปิดในแท็บ/หน้าต่างใหม่ _selfแสดงในเฟรมเดียวกัน (ค่าเริ่มต้น) _parentแสดงในเฟรมพาเรน

บทนำ แอตทริบิวต์ height และ width ระบุความสูงและความกว้างขององค์ประกอบในหน่วย Pixel (px) องค์ประกอบที่รองรับ ลำดับElementheightwidth 1<canvas>✓✓ 2<embed>✓✓ 3<iframe>✓✓ 4<img>✓✓ 5<input> (type=image)✓✓ 6<object>✓✓ 7<video>✓

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

บทนำ ใช้ <input type=email> สำหรับกรอกอีเมล เบราว์เซอร์ Validate รูปแบบอัตโนมัติ (ต้องมี @ และ .) ตัวอย่างโค้ด <!DOCTYPE html> <html> <head> <title>HTML Input Email</title> </head> <body> <form action= method=get> รายละเอียด

บทนำ ใช้ <input type=search> สำหรับช่องค้นหา คล้าย text แต่มี UI เฉพาะ (มีปุ่ม Clear × ในบางเบราว์เซอร์) ตัวอย่างโค้ด <!DOCTYPE html> <html> <head> <title>HTML Input Search</title> </head> <body> <form action= method=get> ค้

บทนำ ใช้ <input type=tel> สำหรับกรอกหมายเลขโทรศัพท์ ไม่มีการ Validate รูปแบบอัตโนมัติ (เพราะรูปแบบเบอร์โทรแตกต่างกันตามประเทศ) ตัวอย่างโค้ด <!DOCTYPE html> <html> <head> <title>HTML Input Tel</title> </head> <body> <form action= meth

บทนำ ใช้ <input type=url> สำหรับกรอก URL เบราว์เซอร์จะ Validate รูปแบบอัตโนมัติ (ต้องมีโปรโตคอล https:// หรือ https://) ตัวอย่างโค้ด <!DOCTYPE html> <html> <head> <title>HTML Input URL</title> </head> <body> <form action= method=get&

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

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