ให้เรตสมาชิก: 5 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งาน
 

Attribute (แอตทริบิวต์) คือ การกำหนดคุณลักษณะของอิลิเมนท์

          การกำหนดคุณลักษณะใน HTML เช่น  อิลิเมนต์ที่ใช้แสดงรูปภาพ (<img>) ก็จะมีแอตทริบิวต์ที่ใช้กำหนดตำแหน่งของภาพ กำหนดที่อยู่ของภาพ กำหนดความกว้าง ความสูงของภาพ เช่น  <img src="/ที่อยู่ของภาพ" width="ความกว้าง" hight="ความสูง" alt="คำอธิบายรูป"> หรือ อิลิเมนต์แสดงลิ้งก์  ก็จะมีแอตทริบิวต์ที่กำหนด URLเป็นต้น

          การกำหนดแอตทริบิวต์ จะมีอยู่ 2 แบบ คือ กำหนดชื่อและค่า และการกำหนดแบบ บูลีน

แอตทริบิวต์แบกำหนดชื่อและค่า (Name & Value)

          แอตทริบิวต์แบบกำหนดชื่อและค่า ต้องกำหนดในรูปแบบของ name="Value" ที่แท็กเปิดของอิลิเมนต์ แนวทางในการกำหนดแอตทริบิวต์ให้แก่อิลิเมนต์ของ HTML

การกำหนดแอตทริบิวต์ สามารถกำหนดได้ 3 ลักษณะ คือ

1. กำหนดโดยเครื่องหมาย "___" เช่น <a href="/www.mindphp.com">

2. กำหนดโดยเครื่องหมาย '___' เช่น <a href='www.mindphp.com'>

3. กำหนดโดยไม่ใช้เครื่องหมายใดๆ หรือ การใส่ค่าลงไปเลย เช่น <a href=www.mindphp.com> ก็ได้เหมือนกัน 

โดยหลักการทั่วไป การเขียนแบบกำหนดค่าจะนิยมใช้เครื่องหมาย "___" มากกว่า 

          การกำหนดค่าแอตทริบิวต์โดยไม่ใช้เครื่องหมายใดๆ กำกับ จะใช้ได้เฉพาะการที่ค่าของแอตทริบิวต์นั้น เขียนติดกันโดยไม่มีช่องว่างคั่น ถ้าหากมีช่องว่างคั่น จะทำให้การทำงานผิดพลาดได้

          การเขียนชื่อของแอตทรบิวต์นั้น เราจะเขียนได้ด้วยตัวอักษรพิมพ์ใหญ่หรือพิมพ์เล็ก ปะปนกันไปก็ได้ แต่โดยส่วนใหญ่จะนิยมเขียนด้วยอักษรพิมพ์เล็กทั้งหมด 

การกำหนดแอตทริบิวต์แบบบูลีน (Boolean)

          แอตทริบิวต์แบบบูลีน (ฺBoolean) จะเป็นการกำหนดคุณลักษณะแบบ On/Off เช่น อิลิเมนต์ อินพุท (Element Input) ที่เป็นตัวอิลิเมนต์ของช่องรับข้อมูล จะมีแอตทริบิวต์ชื่อ disable (ปิดการใช้งาน) ใช้ในกำหนดคุณสมบัติว่าให้อิพุทตัวนั้นสามารถใช้งานได้หรือไม่ โดยกำหนดค่า ดังนี้ 

ในรูปแบบของ XHTML จะกำหนดโดยการนำชื่อแอตทริบิวต์มากำหนดค่าของแอตทริบิวต์เลย เช่น

<input type="text" disable="disable">

ในรูปแบบของ HTML5 จะกำหนดเพียงแค่ชื่อของแอตทริบิวต์ โดยไม่ต้องกำหนดค่าดังนี้

<input type="text" disable>

 

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
จะกำหนดเงื่อนไขภาษายังไง โดยไม่ไปกำหนดค่าภาษาตรงๆ
โดย bankjittapol จ 18 พ.ย. 2019 8:01 pm บอร์ด Joomla Development
1
86
จ 18 พ.ย. 2019 8:08 pm โดย tsukasaz
ศึกษาการใช้งาน Joomla
โดย numtan5839 จ 18 พ.ย. 2019 7:16 pm บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
0
3
จ 18 พ.ย. 2019 7:16 pm โดย numtan5839
ผลพยากรณ์อากาศ เปลี่ยนภาษาตามการตั้งค่าของผู้ดูแลระบบ
โดย bankjittapol จ 18 พ.ย. 2019 7:11 pm บอร์ด Joomla Developing Knowledge
2
93
พฤ 21 พ.ย. 2019 2:55 pm โดย bankjittapol
สร้าง list box ใน joomla ที่สามารถเลือก มากกว่า 1 ค่า
โดย bankjittapol จ 18 พ.ย. 2019 6:14 pm บอร์ด Joomla Developing Knowledge
0
63
จ 18 พ.ย. 2019 6:14 pm โดย bankjittapol
จะดึงชื่อจังหวัดมาแสดงใน list ได้ยังไงครับ
โดย bankjittapol จ 18 พ.ย. 2019 5:45 pm บอร์ด Joomla Development
1
96
จ 18 พ.ย. 2019 5:52 pm โดย tsukasaz
ต้องการให้ ใน list แสดงชื่อจังหวัด เพื่อใช้เลือกแสดงครับ
โดย bankjittapol จ 18 พ.ย. 2019 12:03 pm บอร์ด Joomla Development
2
183
จ 18 พ.ย. 2019 4:02 pm โดย bankjittapol
Work's on Hand ตรีเนตร บูรณโพธิ์ทอง M097
โดย numtan5839 จ 04 พ.ย. 2019 11:09 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
5
42
จ 09 ธ.ค. 2019 2:47 pm โดย numtan5839
ดู Logs ไฟล์ บน Windows Server แบบ Real Time ตัวอย่าง Apache Logs
โดย mindphp จ 18 พ.ย. 2019 1:45 pm บอร์ด Microsoft Office Knowledge & line & Etc
1
112
จ 18 พ.ย. 2019 1:47 pm โดย mindphp
ต้องการสร้าง แท็ก เพื่อเลือกจังหวัด ที่จะแสดง ต้องทำไงครับ
โดย bankjittapol จ 18 พ.ย. 2019 10:53 am บอร์ด Joomla Development
2
179
จ 18 พ.ย. 2019 11:47 am โดย bankjittapol
เริ่มลงทุนในอสังหาฯ คุณเองก็ทำได้
โดย Patty Perfume อ 17 พ.ย. 2019 6:08 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
4
216
จ 09 ธ.ค. 2019 3:22 pm โดย LEG
บันทึกตัวแปรเป็นชื่อไฟล์ลง database ไม่ได้
โดย teenproza7 อ 28 พฤษภาคม 2019 4:52 pm บอร์ด Programming - C/C++ & java & Python
1
281
จ 18 พ.ย. 2019 10:27 am โดย บุคคลทั่วไป
งานประจำวันที่ 18 พฤศจิกายน 2562
โดย numtan5839 จ 18 พ.ย. 2019 10:14 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
1
16
จ 18 พ.ย. 2019 7:16 pm โดย numtan5839
Skype for Business และ Microsoft Teams
โดย Atomseed Suckseed จ 18 พ.ย. 2019 10:11 am บอร์ด MindPHP News & Feedback
0
155
จ 18 พ.ย. 2019 10:11 am โดย Atomseed Suckseed
งานประจำวันที่ 16 พฤศจิกายน 2562
โดย numtan5839 ส 16 พ.ย. 2019 10:28 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
4
25
ส 16 พ.ย. 2019 7:02 pm โดย numtan5839
หา theme language file ไม่เจอ
โดย bankjittapol ส 16 พ.ย. 2019 5:33 pm บอร์ด Joomla Development
2
195
ส 16 พ.ย. 2019 5:50 pm โดย bankjittapol
การใช้งาน Ultrasonic Sensor เซ็นเซอร์ที่ใช้สำหรับตรวจจับระยะห่างของวัดถุ
โดย bankjittapol ส 16 พ.ย. 2019 4:42 pm บอร์ด IOT - Internet of things
0
86
ส 16 พ.ย. 2019 4:42 pm โดย bankjittapol
อยากทราบการแสดงวันที่ในรูปแบบของ joomla
โดย bankjittapol ส 16 พ.ย. 2019 11:14 am บอร์ด Joomla Development
5
204
ส 16 พ.ย. 2019 4:56 pm โดย mindphp
Ultrasonic Sensor คืออะไร
โดย bankjittapol ส 16 พ.ย. 2019 3:40 pm บอร์ด IOT - Internet of things
0
84
ส 16 พ.ย. 2019 3:40 pm โดย bankjittapol
Database Normalization
โดย bankjittapol ศ 15 พ.ย. 2019 6:31 pm บอร์ด PHP Knowledge
1
187
ส 16 พ.ย. 2019 5:02 pm โดย Losa
วิธีการนำค่าจาก attribute ที่อยู่ใน element หนึ่ง ไปใส่ให้กับ attribute ที่อยู่ในอีก element หนึ่ง
โดย Ittichai_chupol ศ 15 พ.ย. 2019 6:29 pm บอร์ด Jquery & Ajax Knowledge
0
72
ศ 15 พ.ย. 2019 6:29 pm โดย Ittichai_chupol