คุณสมบัติ nameของ input type=number คืนค่าและกำหนดแอตทริบิวต์ name ใช้เป็น key เมื่อส่งข้อมูลฟอร์มไปเซิร์ฟเวอร์ รูปแบบ (Syntax) อ่านค่า: object.name กำหนดค่า: object.name = text ตัวอย่างการใช้งาน แสดงค่า name attribute ของ number input: <!DOCTYPE html> <html> <head> <sty
คุณสมบัติ readOnlyของ input type=number คืนค่าและกำหนดว่าช่องกรอกตัวเลขเป็นอ่านอย่างเดียว (ไม่แก้ไขได้ แต่ส่งค่าไปฟอร์มได้) รูปแบบ (Syntax) อ่านค่า: object.readOnly กำหนดค่า: object.readOnly = true | false ตัวอย่างการใช้งาน สลับสถานะ read-only และ read-write: <!DOCTYPE html> <html> &
คุณสมบัติ requiredของ input type=number คืนค่าและกำหนดว่าช่องกรอกตัวเลขบังคับต้องกรอกก่อนส่งฟอร์มหรือไม่ รูปแบบ (Syntax) อ่านค่า: object.required กำหนดค่า: object.required = true | false ตัวอย่างการใช้งาน ฟอร์มที่บังคับให้กรอกวันเกิด (ตัวเลข): <!DOCTYPE html> <html> <head>
คุณสมบัติ maxของ input type=month คืนค่าและกำหนดเดือนสูงสุดที่ผู้ใช้สามารถเลือกได้ (รูปแบบ YYYY-MM) รูปแบบ (Syntax) อ่านค่า: object.max กำหนดค่า: object.max = YYYY-MM ตัวอย่างการใช้งาน จำกัดเลือกเดือนระหว่างเมษายน-สิงหาคม 2019 (เหมือน min property): <!DOCTYPE html> <html> <head>
คุณสมบัติ minของ input type=month คืนค่าและกำหนดเดือนต่ำสุดที่ผู้ใช้สามารถเลือกได้ (รูปแบบ YYYY-MM) รูปแบบ (Syntax) อ่านค่า: object.min กำหนดค่า: object.min = YYYY-MM ตัวอย่างการใช้งาน จำกัดเลือกเดือนระหว่างเมษายน-สิงหาคม 2019: <!DOCTYPE html> <html> <head> <style>
คุณสมบัติ readOnlyของ input type=month คืนค่าและกำหนดว่าช่องเลือกเดือนเป็นอ่านอย่างเดียว (ไม่สามารถแก้ไขได้ แต่ส่งค่าไปกับฟอร์มได้) รูปแบบ (Syntax) อ่านค่า: object.readOnly กำหนดค่า: object.readOnly = true | false ตัวอย่างการใช้งาน สลับสถานะ read-only และ read-write: <!DOCTYPE html> <ht
คุณสมบัติ requiredของ input type=month คืนค่าและกำหนดว่าช่องเลือกเดือนบังคับต้องกรอกก่อนส่งฟอร์มหรือไม่ รูปแบบ (Syntax) อ่านค่า: object.required กำหนดค่า: object.required = true | false ตัวอย่างการใช้งาน ฟอร์มที่บังคับให้เลือกเดือนเกิด: <!DOCTYPE html> <html> <head> <sty
คุณสมบัติ stepของ input type=month คืนค่าและกำหนดช่วงขั้น (interval) ของเดือนที่ผู้ใช้สามารถเลือกได้ ค่าเริ่มต้นคือ 1 รูปแบบ (Syntax) อ่านค่า: object.step กำหนดค่า: object.step = number ตัวอย่างการใช้งาน ตั้งค่า step = 3 (เลือกได้ทีละ 3 เดือน/ไตรมาส): <!DOCTYPE html> <html> <head&
คุณสมบัติ typeของ input type=month คืนค่าสตริง month เสมอ ใช้ยืนยันประเภทของอิลิเมนต์ รูปแบบ (Syntax) object.type ตัวอย่างการใช้งาน แสดงค่า type ของ month input: <!DOCTYPE html> <html> <head> <style> body { text-align: center; color: #fff; background: linear-gr
คุณสมบัติ valueของ input type=month คืนค่าและกำหนดค่าปัจจุบันของช่องเลือกเดือน (รูปแบบ YYYY-MM) รูปแบบ (Syntax) อ่านค่า: object.value กำหนดค่า: object.value = YYYY-MM ตัวอย่างการใช้งาน แสดงค่าเดือนที่ผู้ใช้เลือก: <!DOCTYPE html> <html> <head> <style> body { te
คุณสมบัติ autofocusของ input type=month คืนค่าและกำหนดว่าช่องเลือกเดือนควรได้รับโฟกัสอัตโนมัติเมื่อโหลดหน้าเว็บ รูปแบบ (Syntax) อ่านค่า: object.autofocus กำหนดค่า: object.autofocus = true | false ตัวอย่างการใช้งาน month input มี autofocus อยู่แล้ว คลิกปุ่มเพื่อปิด: <!DOCTYPE html> <html
เมธอด stepDown()ของ input type=month ลดค่าเดือนลงตามจำนวนที่ระบุ (ค่าเริ่มต้น 1 เดือน) รูปแบบ (Syntax) object.stepDown(number) หากไม่ระบุ number จะลด 1 เดือน ตัวอย่างการใช้งาน ปุ่มเพิ่ม/ลดเดือน (เหมือน stepUp แต่เน้น stepDown): <!DOCTYPE html> <html> <head> <title>ตัวอ
เมธอด stepUp()ของ input type=month เพิ่มค่าเดือนขึ้นตามจำนวนที่ระบุ (ค่าเริ่มต้น 1 เดือน) รูปแบบ (Syntax) object.stepUp(number) หากไม่ระบุ number จะเพิ่ม 1 เดือน ตัวอย่างการใช้งาน ปุ่มเพิ่ม/ลดเดือน: <!DOCTYPE html> <html> <head> <title>ตัวอย่าง stepUp/stepDown</titl
HTML DOM Input Hidden Object แทนอิลิเมนต์ <input type=hidden> ใช้สร้างและจัดการช่องซ่อนข้อมูล รูปแบบการสร้าง (Syntax) var hiddenInput = document.createElement(INPUT); hiddenInput.setAttribute(type, hidden); คุณสมบัติหลัก (Properties) คุณสมบัติคำอธิบาย formคืน
คุณสมบัติ nameของ hidden input คืนค่าและกำหนดแอตทริบิวต์ name ใช้เป็น key เมื่อส่งข้อมูลฟอร์มไปเซิร์ฟเวอร์ รูปแบบ (Syntax) อ่านค่า: object.name กำหนดค่า: object.name = text ตัวอย่างการใช้งาน แสดงและเปลี่ยนค่า name attribute: <!DOCTYPE html> <html> <head> <style>
คุณสมบัติ typeของ hidden input คืนค่าสตริง hidden เสมอ ใช้ยืนยันประเภทของอิลิเมนต์ รูปแบบ (Syntax) object.type ตัวอย่างการใช้งาน แสดงค่า type ของ hidden input: <!DOCTYPE html> <html> <head> <style> body { text-align: center; background-color: #F19A3E; color: #f
คุณสมบัติ valueของ hidden input คืนค่าและกำหนดเนื้อหาของแอตทริบิวต์ value ใช้เก็บข้อมูลที่ส่งไปกับฟอร์มแต่ไม่แสดงให้ผู้ใช้เห็น รูปแบบ (Syntax) อ่านค่า: object.value กำหนดค่า: object.value = text ตัวอย่างการใช้งาน เปลี่ยนค่า hidden field และแสดงผล: <!DOCTYPE html> <html> <head>
คุณสมบัติ formของ hidden input คืนค่ารีเฟอร์เรนซ์ของอิลิเมนต์ <form> ที่ครอบคลุม hidden field รูปแบบ (Syntax) object.form ตัวอย่างการใช้งาน ระบุว่า hidden field อยู่ในฟอร์มไหน: <!DOCTYPE html> <html> <head> <style> body { text-align: center; background-co
HTML DOM Input Image Object แทนอิลิเมนต์ <input type=image> ใช้สร้างปุ่มส่งฟอร์ม (submit button) ที่เป็นรูปภาพ รูปแบบการสร้าง (Syntax) var imageInput = document.createElement(INPUT); imageInput.setAttribute(type, image); คุณสมบัติหลัก (Properties) คุณสมบัติคำอธิบาย
HTML DOM Input Month Object แทนอิลิเมนต์ <input type=month> ใช้สร้างและจัดการช่องเลือกเดือน/ปี รูปแบบการสร้าง (Syntax) var monthInput = document.createElement(INPUT); monthInput.setAttribute(type, month); คุณสมบัติหลัก (Properties) คุณสมบัติคำอธิบาย autocompl
