คุณสมบัติ defaultValue ของ input type=month คืนค่าและกำหนดค่าเริ่มต้นของช่องเลือกเดือน (ค่าที่อยู่ใน HTML ตอนโหลดหน้า) รูปแบบ (Syntax) อ่านค่า: object.defaultValue กำหนดค่า: object.defaultValue = YYYY-MM ตัวอย่างการใช้งาน เปลี่ยนค่าเดือนที่ผู้ใช้เลือกให้กลายเป็นค่าเริ่มต้นของเรา: <!DOCTYPE ht

คุณสมบัติ disabled ของ input type=month คืนค่าและกำหนดสถานะการปิดใช้งานช่องเลือกเดือน รูปแบบ (Syntax) อ่านค่า: object.disabled กำหนดค่า: object.disabled = true | false ตัวอย่างการใช้งาน สลับสถานะเปิด/ปิดช่องเลือกเดือน: <!DOCTYPE html> <html> <head> <style> bod

คุณสมบัติ nameของ input type=month คืนค่าและกำหนดแอตทริบิวต์ name ใช้ระบุชื่อเมื่อส่งข้อมูลฟอร์ม รูปแบบ (Syntax) อ่านค่า: object.name กำหนดค่า: object.name = text ตัวอย่างการใช้งาน แสดงค่า name attribute ของ month input: <!DOCTYPE html> <html> <head> <style> b

คุณสมบัติ document.images คืนค่า HTMLCollection ของอิลิเมนต์ <img> ทั้งหมดในเอกสาร ใช้จัดการรูปภาพหลายรูปพร้อมกัน รูปแบบ (Syntax) document.images คุณสมบัติของ Images Collection คุณสมบัติคำอธิบาย lengthคืนค่าจำนวนรูปภาพ <img> ในเอกสาร เมธอดของ Ima

คุณสมบัติ text ของ <option> คืนค่าและกำหนดข้อความที่แสดงในรายการตัวเลือกของ <select> รูปแบบ (Syntax) อ่านค่า: object.text กำหนดค่า: object.text = text ตัวอย่างการใช้งาน เปลี่ยนข้อความของตัวเลือก Physics เป็น Applied Physics: <!DOCTYPE html> <html> <head> <sty

คุณสมบัติ disabled ของ file upload คืนค่าและกำหนดสถานะการปิดใช้งานช่องอัปโหลดไฟล์ รูปแบบ (Syntax) อ่านค่า: object.disabled กำหนดค่า: object.disabled = true | false ตัวอย่างการใช้งาน สลับสถานะเปิด/ปิดช่องอัปโหลด: <!DOCTYPE html> <html> <head> <style> body { bac

คุณสมบัติ files ของ file upload คืนค่า FileList object ที่มีไฟล์ทั้งหมดที่ผู้ใช้เลือก สำคัญที่สุดสำหรับการจัดการไฟล์ฝั่ง client รูปแบบ (Syntax) object.files ตัวอย่างการใช้งาน แสดงรายชื่อไฟล์ที่เลือกทั้งหมด: <!DOCTYPE html> <html> <head> <style> body { text-alig

คุณสมบัติ name ของ file upload คืนค่าและกำหนดแอตทริบิวต์ name ของช่องอัปโหลด ใช้ระบุชื่อเมื่อส่งฟอร์มไปเซิร์ฟเวอร์ รูปแบบ (Syntax) อ่านค่า: object.name กำหนดค่า: object.name = text ตัวอย่างการใช้งาน เปลี่ยนค่า name attribute ของ file input: <!DOCTYPE html> <html> <head> <

คุณสมบัติ form ของ file upload คืนค่ารีเฟอร์เรนซ์ของอิลิเมนต์ <form> ที่ครอบคลุมช่องอัปโหลดไฟล์ รูปแบบ (Syntax) object.form ตัวอย่างการใช้งาน ระบุว่าช่องอัปโหลดอยู่ในฟอร์มไหน: <!DOCTYPE html> <html> <head> <style> body { text-align: center; background-col

คุณสมบัติ value ของ file upload คืนค่าเส้นทางไฟล์ที่เลือก (รูปแบบ C:\fakepath\filename.ext เพื่อความปลอดภัย) รูปแบบ (Syntax) object.value ตัวอย่างการใช้งาน แสดงค่า value ของ file input เมื่อคลิกปุ่ม: <!DOCTYPE html> <html> <head> <style> body { background-color

คุณสมบัติ required ของ file upload คืนค่าและกำหนดว่าช่องอัปโหลดบังคับต้องเลือกไฟล์ก่อนส่งฟอร์มหรือไม่ รูปแบบ (Syntax) อ่านค่า: object.required กำหนดค่า: object.required = true | false ตัวอย่างการใช้งาน ฟอร์มที่บังคับให้เลือกไฟล์ก่อนส่ง: <!DOCTYPE html> <html> <head> <sty

HTML DOM Input FileUpload Object แทนอิลิเมนต์ <input type=file> ใช้สร้างและจัดการช่องอัปโหลดไฟล์ รูปแบบการสร้าง (Syntax) var fileUploadBtn = document.createElement(INPUT); fileUploadBtn.setAttribute(type, file); คุณสมบัติหลัก (Properties) คุณสมบัติคำอธิบาย ac

คุณสมบัติ type ของ file upload input คืนค่าสตริง file เสมอ ใช้ยืนยันประเภทของอิลิเมนต์ รูปแบบ (Syntax) object.type ตัวอย่างการใช้งาน แสดงค่า type ของ file input เมื่อคลิกปุ่ม: <!DOCTYPE html> <html> <head> <style> body { text-align: center; background-color: #5

คุณสมบัติ disabled ของ input button คืนค่าและกำหนดสถานะการปิดใช้งานปุ่ม (true = ปิดใช้งาน, false = ใช้งานได้) รูปแบบ (Syntax) อ่านค่า: object.disabled กำหนดค่า: object.disabled = true | false ตัวอย่างการใช้งาน ปุ่มที่เมื่อคลิกจะปิดใช้งานตัวเอง: <!DOCTYPE html> <html> <head>

คุณสมบัติ form ของ input button คืนค่ารีเฟอร์เรนซ์ของอิลิเมนต์ <form> ที่ครอบคลุมปุ่มนั้นอยู่ รูปแบบ (Syntax) object.form ตัวอย่างการใช้งาน ระบุว่าปุ่มที่คลิกอยู่ในฟอร์มไหน (มี 2 ฟอร์ม): <!DOCTYPE html> <html> <head> <style> body { text-align: center; }

HTML DOM Input Button Object แทนอิลิเมนต์ <input type=button> ใช้สร้างและจัดการปุ่มผ่าน JavaScript รูปแบบการสร้าง (Syntax) var newButton = document.createElement(INPUT); newButton.setAttribute(type, button); // หรือ submit, reset คุณสมบัติหลัก (Properties) คุณสมบัติคำอธิบาย

คุณสมบัติ checked ของ checkbox คืนค่าและกำหนดสถานะการติ๊กปัจจุบัน (true = ติ๊ก, false = ไม่ติ๊ก) รูปแบบ (Syntax) อ่านค่า: object.checked กำหนดค่า: object.checked = true | false ตัวอย่างการใช้งาน ควบคุม checkbox ด้วยปุ่ม Yes/No: <!DOCTYPE html> <html> <head> <style>

คุณสมบัติ defaultChecked คืนค่าสถานะเริ่มต้นของ checkbox (ว่าถูกติ๊กไว้ตอนโหลดหน้าหรือไม่) ค่าจะไม่เปลี่ยนแม้ผู้ใช้จะติ๊ก/ยกเลิกติ๊ก รูปแบบ (Syntax) object.defaultChecked ตัวอย่างการใช้งาน ตรวจสอบว่า checkbox ถูกติ๊กโดยค่าเริ่มต้นหรือไม่: <!DOCTYPE html> <html> <head> <st

คุณสมบัติ autofocus ของ checkbox คืนค่าและกำหนดว่า checkbox ควรได้รับโฟกัสอัตโนมัติเมื่อหน้าเว็บโหลดเสร็จหรือไม่ รูปแบบ (Syntax) อ่านค่า: object.autofocus กำหนดค่า: object.autofocus = true | false ตัวอย่างการใช้งาน checkbox มี autofocus อยู่แล้ว คลิกปุ่มเพื่อปิด autofocus: <!DOCTYPE html>

คุณสมบัติ history.length คืนค่าจำนวน URL ในรายการประวัติ (History list) ของหน้าต่างเบราว์เซอร์ปัจจุบัน รูปแบบ (Syntax) history.length ตัวอย่างการใช้งาน แสดงจำนวนรายการในประวัติเมื่อคลิกปุ่ม: <!DOCTYPE html> <html> <head> <style> body { text-align: center; }