แอตทริบิวต์ href ขององค์ประกอบ <a> (anchor) ใช้สำหรับกำหนด ลิงก์ (URL) ของหน้าเว็บปลายทาง ไวยากรณ์ (Syntax) <a href=URL> URL สามารถเป็น: Absolute URL — URL เต็ม (เช่น https://tutorialspoint.com/java) Relative URL — URL สัมพัทธ์ (เช่น /javascript, ../page.html) Protocol links — mailto:e

แท็ก <colgroup> ใช้สำหรับ จัดกลุ่มคอลัมน์ (columns) ในตาราง (<table>) หนึ่งกลุ่มสามารถมี 1 หรือหลายคอลัมน์ ใช้กำหนดสไตล์ (style) ให้คอลัมน์ในกลุ่มนั้นๆ ร่วมกันได้ แอตทริบิวต์ของ <colgroup> span — จำนวนคอลัมน์ที่กลุ่มนี้ครอบคลุม (ถ้าไม่ระบุ span ให้มี <col> ลูกๆ แทน) ตัวอย

แท็ก <data> ใน HTML ใช้สำหรับ เชื่อมโยงเนื้อหาที่มนุษย์อ่านได้ กับค่าที่เครื่องอ่านได้ (machine-readable) โดยแปลง/แปลเนื้อหาเป็นรูปแบบมาตรฐาน ไวยากรณ์ (Syntax) <data value=> value — กำหนดรูปแบบ machine-readable ของเนื้อหา ตัวอย่างการใช้งาน <!DOCTYPE html> <html> <body>

คุณสมบัติ form ของ input type=reset ใช้สำหรับดึงอ้างอิงฟอร์มที่บรรจุปุ่ม reset หากปุ่ม reset อยู่นอกฟอร์ม จะคืนค่า null คุณสมบัตินี้เป็น read-only ไวยากรณ์ (Syntax) resetObject.form ตัวอย่างการใช้งาน <!DOCTYPE html> <html> <body> <h1>คุณสมบัติ form ของ Input Reset</h1>

องค์ประกอบ Block (Block Elements) องค์ประกอบ Block แสดงบนหน้าจอเหมือนมี line break ก่อนและหลัง ตลอดเวลา และ ใช้ความกว้างเต็มที่ (100% ของพาเรนต์) ตัวอย่าง block elements: หัวข้อ: <h1> ถึง <h6> โครงสร้าง: <article>, <aside>, <section>, <div> ข้อความ: <p>, &l

เพื่อวาดกราฟิกบนหน้าเว็บ ใช้องค์ประกอบ <canvas> ของ HTML5 แท็ก <canvas> อนุญาตให้วาดกราฟิกได้ด้วย JavaScript — เส้น, สี่เหลี่ยม, คอนทรัคโครนิค (Bezier curves), วงกลม, รูปทรงต่างๆ และภาพ ทุก canvas มี 2 แอตทริบิวต์หลักกำหนดขนาด: width — ความกว้าง (พิกเซล) height — ความสูง (พิกเซล) ควรก

แอตทริบิวต์ disabled ขององค์ประกอบ <input> ใช้สำหรับ ปิดใช้งาน input element Element ที่ disabled จะ คลิกไม่ได้, พิมพ์ไม่ได้, โฟกัสไม่ได้ และ จะไม่ถูกส่งไปกับฟอร์ม เมื่อ submit ไวยากรณ์ (Syntax) <input disabled> ตัวอย่างการใช้งาน <!DOCTYPE html> <html> <body> <h2&g

แท็ก <ins> ใน HTML ใช้สำหรับแสดงข้อความที่ ถูกเพิ่มเข้ามาใหม่ เช่น เนื้อหาใหม่, ราคาที่ปรับปรุง, การแก้ไขเอกสาร เบราว์เซอร์มักแสดงข้อความใน <ins> ด้วย ขีดเส้นใต้ (underline) แอตทริบิวต์ของ <ins> cite — URL อ้างอิงแหล่งที่มาของการเพิ่ม/แก้ไข datetime — วันที่และเวลาที่เพิ่มข้อความ

แอตทริบิวต์ for ขององค์ประกอบ <label> ใช้สำหรับ ผูก label กับ element โดยระบุ id ของ element นั้น เมื่อผู้ใช้คลิกที่ label Element ที่ผูกไว้จะได้รับโฟกัส (สำหรับ input) หรือถูกติ๊ก (สำหรับ checkbox/radio) ไวยากรณ์ (Syntax) <label for=id> id คือ id ของ element ที่ต้องการผูก ตัวอย่างการใ

ใน HTML DOM ทั้ง id และ class เป็น ตัวเลือกองค์ประกอบ (element selectors) ใช้ระบุตัวตนของ element จากชื่อที่กำหนด ความแตกต่างสำคัญ # หัวข้อ id class 1 ไวยากรณ์ (Syntax) ใน HTML: id=uniqueNameใน CSS: เริ่มด้วย # (เช่น #myId) ใน HTML: class=classNameใน CSS: เริ่มด้วย . (เช่น .myClass) 2 ตัวเ

แท็ก <legend> ใน HTML ใช้สำหรับกำหนด คำอธิบาย (caption) ให้กับองค์ประกอบ <fieldset> แท็ก <fieldset> ใช้จัดกลุ่มองค์ประกอบฟอร์ม เช่น ปุ่ม, ช่องกรอก, radio buttons ฯลฯ ไวยากรณ์ (Syntax) <fieldset> <legend> กำหนดคำอธิบาย </legend> </fieldset> ตัวอย่างการใช้งา

แอตทริบิวต์ min ขององค์ประกอบ <meter> ใช้กำหนด ขอบเขตล่าง (lower bound) ของ meter element องค์ประกอบ <meter> ใช้แสดงค่าที่มีช่วงกำหนด (เช่น ระดับสิ่งปนเปื้อนน้ำ, การใช้หน่วยความจำ) โดยใช้ min และ max กำหนดช่วง ไวยากรณ์ (Syntax) ค่า min ต้องน้อยกว่า max เสมอ ค่าเริ่มต้นคือ 0 <meter mi

แอตทริบิวต์ disabled ขององค์ประกอบ <option> ใช้สำหรับ ปิดใช้งานตัวเลือก ในรายการ (select/datalist) ตัวเลือกที่ disabled จะ คลิกไม่ได้ และ ไม่ถูกส่งไปกับฟอร์ม ไวยากรณ์ (Syntax) <option disabled> ตัวอย่างการใช้งาน <!DOCTYPE html> <html> <body> <h2>ระดับสิ่งปนเปื้อ

คุณสมบัติ min ของ input type=range ใช้ตั้งค่าหรือดึงค่าแอตทริบิวต์ min ซึ่งระบุ ค่าต่ำสุด ของ slider มักใช้ร่วมกับ max เพื่อกำหนดช่วงค่าที่ slider เคลื่อนที่ได้ ไวยากรณ์ (Syntax) การตั้งค่า min: rangeObject.min = number number คือค่าต่ำสุดของ slider ตัวอย่างการใช้งาน <!DOCTYPE html> <html

คุณสมบัติ name ของ input type=range ใช้ตั้งค่าหรือดึงค่าแอตทริบิวต์ name ของ range slider ช่วยระบุข้อมูลฟอร์มหลังส่งเซิร์ฟเวอร์ และ JavaScript ใช้อ้างอิงจัดการ element ได้ ไวยากรณ์ (Syntax) การตั้งค่า name: rangeObject.name = name name คือชื่อที่ต้องการกำหนดให้ range slider ตัวอย่างการใช้งาน <!

ออบเจ็กต์ HTML DOM Input Range เกี่ยวข้องกับ <input type=range> สามารถสร้างและเข้าถึงได้ด้วย createElement() และ getElementById() คุณสมบัติ (Properties) #คุณสมบัติและคำอธิบาย 1autocomplete — autocomplete attribute ของ slider 2autofocus — โฟกัสอัตโนมัติเมื่อโหลดหน้า 3defaultValue — ค่าเริ่

คุณสมบัติ step ของ input type=range ใช้ตั้งค่าหรือดึงค่าแอตทริบิวต์ step ซึ่งระบุ ขนาดขั้นตอนการเคลื่อนที่ของ slider ทุกครั้งที่ลากหรือใช้ stepUp/stepDown การรวม min, max, และ step จะกำหนดช่วงค่าที่ถูกต้อง (valid values) ที่ slider สามารถหยุดได้ ไวยากรณ์ (Syntax) การตั้งค่า step: rangeObject.step =

เมธอด stepDown() ของ input type=range ใช้สำหรับ ลดค่า slider ลงตามจำนวนที่ระบุ หากไม่ระบุ จะลดทีละ 1 หากมีแอตทริบิวต์ step เมธอดจะลดเป็นจำนวนเท่าของ step (เช่น step=20 แล้ว stepDown(2) จะลด 40) ไวยากรณ์ (Syntax) rangeObject.stepDown(number) number — (จำเป็น) จำนวนที่ต้องการลด หากละเว้น จะลด 1 ตั

เมธอด stepUp() ของ input type=range ใช้สำหรับ เพิ่มค่า slider ขึ้นตามจำนวนที่ระบุ หากไม่ระบุ จะเพิ่มทีละ 1 หากมีแอตทริบิวต์ step เมธอดจะเพิ่มเป็นจำนวนเท่าของ step (เช่น step=20 แล้ว stepUp(2) จะเพิ่ม 40) ไวยากรณ์ (Syntax) rangeObject.stepUp(number) number — (จำเป็น) จำนวนที่ต้องการเพิ่ม หากละเว้น

คุณสมบัติ type ของ input type=range เกี่ยวข้องกับแอตทริบิวต์ type คุณสมบัตินี้เป็น read-only และจะคืนค่า range เสมอสำหรับ range input element ไวยากรณ์ (Syntax) rangeObject.type ตัวอย่างการใช้งาน <!DOCTYPE html> <html> <body> <h1>คุณสมบัติ type ของ Input Range</h1> <