คุณสมบัติ required ของ Input Checkbox ใช้กำหนดว่าจำเป็นต้องติ๊กที่ checkbox หรือไม่ รูปแบบไวยากรณ์ (Syntax) การคืนค่าบูลีน - true/false inputCheckboxObject.required การตั้งค่า required เป็น booleanValue inputCheckboxObject.required = booleanValue ค่าบูลีนที่เป็นไปได้ ในที่นี้ booleanValue สามารถเป็น

คุณสมบัติ type ของ Input Checkbox ใช้คืนค่า/ตั้งค่าประเภทของ Input Checkbox รูปแบบไวยากรณ์ (Syntax) การคืนค่าสตริง inputCheckboxObject.type การตั้งค่า type เป็นค่าสตริง inputCheckboxObject.type = stringValue ค่าสตริงที่เป็นไปได้ ในที่นี้ stringValue สามารถเป็นค่าต่อไปนี้ได้: stringValueรายละเอียดche

คุณสมบัติ value ของ Input Checkbox คืนค่าสตริงที่เป็นค่าของแอตทริบิวต์ value ของช่องถูก (checkbox) ผู้ใช้สามารถตั้งค่าเป็นสตริงใหม่ได้ รูปแบบไวยากรณ์ (Syntax) การคืนค่าสตริง inputCheckboxObject.value การตั้งค่าแอตทริบิวต์ value เป็นค่าสตริง inputCheckboxObject.value = ‘String’ ตัวอย่าง ต

คุณสมบัติ placeholder ของ HTML DOM Input Number ใช้สำหรับคืนค่าและเปลี่ยนแปลงค่าของแอตทริบิวต์ placeholder ของช่องป้อนตัวเลข รูปแบบไวยากรณ์ (Syntax) การคืนค่า placeholder object.placeholder การเปลี่ยนแปลง placeholder object.placeholder = “text” ตัวอย่าง ตัวอย่างการใช้งานคุณสมบัติ placeho

คุณสมบัติ step ของ HTML DOM Input Number ใช้สำหรับคืนค่าและเปลี่ยนแปลงค่าของแอตทริบิวต์ step ของช่องป้อนตัวเลขในเอกสาร HTML รูปแบบไวยากรณ์ (Syntax) การคืนค่า step object.step การเปลี่ยนแปลง step object.step = “number” ตัวอย่าง ตัวอย่างการใช้งานคุณสมบัติ step ของ HTML DOM Input Number: &l

คุณสมบัติ defaultValue ของ HTML DOM Input Number ใช้สำหรับคืนค่าและเปลี่ยนแปลงค่าเริ่มต้นของช่องป้อนข้อมูลประเภท type="number" ในเอกสาร HTML รูปแบบไวยากรณ์ (Syntax) การคืนค่าค่าเริ่มต้น object.defaultValue การเปลี่ยนแปลงค่าเริ่มต้น object.defaultValue=”number” ตัวอย่าง ตัวอย่าง

คุณสมบัติ max ของ HTML DOM Input Number ใช้สำหรับคืนค่าและเปลี่ยนแปลงค่าของแอตทริบิวต์ max ของช่องป้อนข้อมูลประเภท type="number" ในเอกสาร HTML รูปแบบไวยากรณ์ (Syntax) การคืนค่า max object.max การเปลี่ยนแปลง max object.max = “number” ตัวอย่าง ตัวอย่างการใช้งานคุณสมบัติ max ของ H

คุณสมบัติ min ของ HTML DOM Input Number ใช้สำหรับคืนค่าและเปลี่ยนแปลงค่าของแอตทริบิวต์ min ของช่องป้อนข้อมูลประเภท type="number" ในเอกสาร HTML รูปแบบไวยากรณ์ (Syntax) การคืนค่า min object.min การเปลี่ยนแปลง min object.min = “number” ตัวอย่าง ตัวอย่างการใช้งานคุณสมบัติ min ของ H

ออบเจ็กต์ HTML DOM Select แทนองค์ประกอบ <select> ในเอกสาร HTML ลองดูวิธีสร้างออบเจ็กต์ select รูปแบบไวยากรณ์ (Syntax) document.createElement(“SELECT”); คุณสมบัติ (Properties) คุณสมบัติของออบเจ็กต์ Select มีดังนี้: คุณสมบัติคำอธิบายautofocusคืนค่าและเปลี่ยนแปลงว่ารายการแบบเลื่อนลงคว

คุณสมบัติ disabled ของ HTML DOM Select ใช้สำหรับคืนค่าและเปลี่ยนแปลงสถานะการปิดใช้งานของรายการแบบเลื่อนลงในเอกสาร HTML รูปแบบไวยากรณ์ (Syntax) การคืนค่า disabled object.disabled การเปลี่ยนแปลง disabled object.disabled = true | false ตัวอย่าง ตัวอย่างการใช้งานคุณสมบัติ disabled ของ HTML DOM Select: &

คุณสมบัติ length ของ HTML DOM Select ใช้สำหรับคืนค่าจำนวนองค์ประกอบ <option> ที่อยู่ภายในรายการแบบเลื่อนลง (drop-down list) ในเอกสาร HTML รูปแบบไวยากรณ์ (Syntax) object.length ตัวอย่าง ตัวอย่างการใช้งานคุณสมบัติ length ของ HTML DOM Select: <!DOCTYPE html> <html> <head> <st

คุณสมบัติ multipleของ <select> คืนค่าและกำหนดว่าผู้ใช้สามารถเลือกหลายตัวเลือกพร้อมกันได้หรือไม่ (โดยถือ Ctrl/Cmd + คลิก หรือ Shift + คลิก) รูปแบบ (Syntax) อ่านค่า: object.multiple กำหนดค่า: object.multiple = true | false ตัวอย่างการใช้งาน เปิดใช้งานการเลือกหลายรายการ: <!DOCTYPE html>

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

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

HTML DOM Input Number Object แทนอิลิเมนต์ <input type=number> ใช้สร้างและจัดการช่องกรอกตัวเลขพร้อม spinner รูปแบบการสร้าง (Syntax) var numberInput = document.createElement(INPUT); numberInput.setAttribute(type, number); คุณสมบัติหลัก (Properties) คุณสมบัติคำอธิบาย

เมธอด stepUp()ของ input type=number เพิ่มค่าตัวเลขขึ้นตามจำนวนที่ระบุ (ค่าเริ่มต้น 1) รูปแบบ (Syntax) object.stepUp(number) หากไม่ระบุ number จะเพิ่ม 1 ตัวอย่างการใช้งาน ปุ่มเพิ่ม/ลดค่าทีละ 10 (เหมือน stepDown แต่เน้น stepUp): <!DOCTYPE html> <html> <head> <title>ตัวอย

เมธอด stepDown()ของ input type=number ลดค่าตัวเลขลงตามจำนวนที่ระบุ (ค่าเริ่มต้น 1) รูปแบบ (Syntax) object.stepDown(number) หากไม่ระบุ number จะลด 1 ตัวอย่างการใช้งาน ปุ่มเพิ่ม/ลดค่าทีละ 10: <!DOCTYPE html> <html> <head> <title>ตัวอย่าง stepUp/stepDown</title>

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

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

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