ใช้แอตทริบิวต์ height ใน HTML เพื่อตั้งค่าความสูงขององค์ประกอบ ใช้แอตทริบิวต์นี้ได้กับองค์ประกอบต่อไปนี้: <canvas>, <embed>, <img>, <input>, <video> และอื่นๆ ตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ height ใน HTML: <!DOCTYPE HTML> <html>

ใช้แอตทริบิวต์ draggable เพื่อสร้างย่อหน้าที่ลากได้ เปิดหรือปิดการลากด้วยค่า true และ false ตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานองค์ประกอบ draggable และลากองค์ประกอบ: <!DOCTYPE HTML> <html> <head> <style> .drag { float: left; width:

ใช้แอตทริบิวต์ hidden ใน HTML5 เพื่อสร้างย่อหน้าที่ซ่อน (hidden paragraph) หมายถึงองค์ประกอบที่ไม่เกี่ยวข้องหรือไม่ควรแสดงอีกต่อไป ตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ hidden ใน HTML5: <!DOCTYPE html> <html> <body> <h2>หัวข้อ</h2> <

ใช้แอตทริบิวต์ onkeyup เหตุการณ์ onkeyup จะทำงานเมื่อผู้ใช้ปล่อยปุ่มคีย์บอร์ด ตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อรันสคริปต์เมื่อปล่อยปุ่ม: <!DOCTYPE html> <html> <body> <p>กดปุ่มภายในกล่องข้อความ</p> <input type=text onkeyup=display()> <

ใช้แอตทริบิวต์ dir ใน HTML เพื่อตั้งค่าย่อหน้าทิศทางขวาไปซ้าย เพิ่มค่า rtl ให้กับแอตทริบิวต์ dir สำหรับข้อความที่วางจากขวาไปซ้าย ตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ dir: <!DOCTYPE html> <html> <body> <p dir=rtl>นี่คือย่อหน้าสาธิต นี่คือย่อหน้าสา

ใช้แอตทริบิวต์ onload เพื่อรันสคริปต์เมื่อองค์ประกอบโหลดเสร็จ ตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ onload: <!DOCTYPE html> <html> <head> <script> function display() { alert(ยินดีต้อนรับ!); } </script> </hea

แอตทริบิวต์ lang ใน HTML ช่วยให้ตั้งค่าเนื้อหาสำหรับภาษาอื่นนอกจากภาษาอังกฤษ คุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ lang: ตัวอย่างที่นี่เราเพิ่มเนื้อหาภาษาฝรั่งเศสและสเปนด้วย: <!DOCTYPE html> <html> <body> <h2>English</h2> <p lang=en>This

ใช้แอตทริบิวต์ id ใน HTML เพื่อเพิ่ม ID เฉพาะขององค์ประกอบ ID ต้องไม่ซ้ำกันในหน้าเดียวกัน ตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ id: <html> <body> <h1>Tutorialspoint</h1> <p id=myid>เราให้บริการบทเรียน!</p> <button onclick=d

ใช้เหตุการณ์ onloadeddata เพื่อรันสคริปต์เมื่อโหลดข้อมูลสื่อ (media data) เสร็จ คุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานเหตุการณ์ onloadeddata: ตัวอย่างโค้ดต่อไปนี้สร้างกล่องแจ้งเตือนเมื่อวิดีโอโหลดเสร็จ: <!DOCTYPE html> <html> <body> <video controls onloadeddata=display(

ใช้แอตทริบิวต์ defer เพื่อรันสคริปต์เมื่อหน้าเว็บจบการแยกวิเคราะห์ (parsing) ใน HTML ขั้นตอน ขั้นแรก สร้างไฟล์ JS ชื่อ new.js: function sayHello() { alert(Hello World) } ตัวอย่างเพิ่มโค้ด HTML และรันสคริปต์ข้างต้น: <html> <head> <script src=new.js defer></script>

แอตทริบิวต์ dirname ช่วยให้ส่งทิศทางข้อความไปพร้อมฟอร์ม ค่าจะเป็นชื่อของ input ตามด้วย .dir ตัวอย่าง<!DOCTYPE html> <html> <body> <h2>ฟอร์มติดต่อนักเรียน</h2> <form action=mailto:emailid@example.com method=post enctype=text/plain> ชื่อนักเรียน

ใช้แอตทริบิวต์ disabled เพื่อปิดใช้งานองค์ประกอบ แอตทริบิวต์นี้ใช้ได้กับองค์ประกอบต่อไปนี้: <button>, <input>, <select>, <textarea> และอื่นๆ ตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ disabled: <!DOCTYPE html> <html> <body> <p>ค

ใช้แอตทริบิวต์ dir ใน HTML เพื่อตั้งค่าทิศทางข้อความสำหรับเนื้อหาในองค์ประกอบ คุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ dir: ตัวอย่าง<!DOCTYPE html> <html> <body> <p>ข้อความนี้จากซ้ายไปขวา</p> <p dir=rtl>ข้อความนี้จากขวาไปซ้าย</p> &l

ใช้แอตทริบิวต์ download เพื่อตั้งค่าให้ดาวน์โหลดไฟล์เมื่อคลิกที่ไฮเปอร์ลิงก์ ตั้งค่าของแอตทริบิวต์เป็นชื่อไฟล์ที่ต้องการดาวน์โหลด เช่น download=image.jpg ตัวอย่าง<!DOCTYPE html> <html> <body> <h3>คำสั่ง if ใน Java</h3> <p>รูปภาพต่อไปนี้อธิบายแนวคิด i

ใช้แอตทริบิวต์ draggable เพื่อตั้งค่าให้องค์ประกอบลากได้หรือไม่ ตั้งค่าด้วยค่า true และ false ตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานองค์ประกอบ draggable และลากองค์ประกอบ: <!DOCTYPE HTML> <html> <head> <style> .drag { float: left; widt

ใช้แอตทริบิวต์ dropzone เพื่อตั้งค่าว่าข้อมูลที่ลากจะถูกคัดลอก ย้าย หรือลิงก์ เมื่อวาง Copy - การวางจะสร้างสำเนาขององค์ประกอบที่ลาก Move - องค์ประกอบที่ลากจะถูกย้ายไปตำแหน่งใหม่ Link - สร้างลิงก์ไปยังข้อมูลที่ลาก ลองใช้งาน dropzone attribute ใน JavaScript: <div dropzone=copy> </div> สถ

ใช้แอตทริบิวต์ enctype ใน HTML เพื่อตั้งค่าว่าข้อมูลฟอร์มควรเข้ารหัสขณะส่งไปเซิร์ฟเวอร์หรือไม่ ตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ enctype: <!DOCTYPE html> <html> <body> <p>คุณชอบกีฬาไหน?</p> <form action= method=post enctype=multi

ใช้แอตทริบิวต์ onkeydown เหตุการณ์ onkeydown จะทำงานเมื่อผู้ใช้กำลังกดปุ่มคีย์บอร์ดอยู่ ตัวอย่างคุณสามารถลองรันโค้ดต่อไปนี้เพื่อรันสคริปต์เมื่อกดปุ่ม: <!DOCTYPE html> <html> <body> <p>กดปุ่มภายในกล่องข้อความ</p> <input type=text onkeydown=display()>

ใช้แอตทริบิวต์ data-* เพื่อฝังแอตทริบิวต์ข้อมูลกำหนดเอง (custom data attributes) ประกอบด้วยแอตทริบิวต์ที่ไม่ควรมีตัวอักษรใหญ่ และขึ้นต้นด้วย data- ตัวอย่าง<!DOCTYPE html> <html> <head> <script> function display(rank) { var myRank = rank.getAttribute(d

ใช้แอตทริบิวต์ bgcolor ใน HTML เพื่อแสดงสีพื้นหลังขององค์ประกอบ ใช้ควบคุมพื้นหลังขององค์ประกอบ HTML โดยเฉพาะ body และตาราง หมายเหตุ: แอตทริบิวต์นี้ ไม่รองรับใน HTML5 ตัวอย่าง (วิธีเก่า)คุณสามารถลองรันโค้ดต่อไปนี้เพื่อเรียนรู้การใช้แอตทริบิวต์ bgcolor ใน HTML: <!DOCTYPE html> <html> &