ให้เรตสมาชิก: 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>

 

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
หลักในการทำ Infographic
โดย numtan5839 อ 05 พ.ย. 2019 11:25 am บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
1
23
พ 06 พ.ย. 2019 2:24 pm โดย numtan5839
อยากทราบว่าถ้ามีการแจ้งบิลการจ่ายชำระเงินในอีเมล แต่ไม่ได้แจ้งชื่อบริษัท จะหาข้อมูลหรือสืบค้นได้จากที่ไหน
โดย nnamfon.26 อ 05 พ.ย. 2019 11:21 am บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
0
19
อ 05 พ.ย. 2019 11:21 am โดย nnamfon.26
อ้างอิง Link ใต้รูปภาพ
โดย numtan5839 อ 05 พ.ย. 2019 11:02 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
56
อ 05 พ.ย. 2019 1:42 pm โดย numtan5839
อยากทราบวิธีการที่ที่จะส่งค่าเมนู tools ไปเเสดงบน part way ของ phpbb
โดย Ittichai_chupol อ 05 พ.ย. 2019 10:35 am บอร์ด Programming - PHP
1
25
อ 05 พ.ย. 2019 10:38 am โดย thatsawan
งานประจำวันที่ 5 พฤศจิกายน 2562
โดย numtan5839 อ 05 พ.ย. 2019 10:13 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
1
12
อ 05 พ.ย. 2019 6:04 pm โดย numtan5839
สอบถามการตั้งค่าใบปริ้นปะหน้าซองในระบบERP ให้มีเลขที่สาขาย่อย ต้องทำยังไงคะ
โดย nnamfon.26 อ 05 พ.ย. 2019 10:03 am บอร์ด OpenERP - MD-ERP (Main)
3
11
พฤ 07 พ.ย. 2019 6:35 pm โดย mindphp
เครื่องวัดอุณหภูมิร่างกายสำหรับวัดไข้
โดย LEG อ 05 พ.ย. 2019 9:58 am บอร์ด Share Knowledge
0
16
อ 05 พ.ย. 2019 9:58 am โดย LEG
insert ข้อมูล แบบ array ลงฐานข้อมูล
โดย bankjittapol จ 04 พ.ย. 2019 11:27 pm บอร์ด PHP Knowledge
0
45
จ 04 พ.ย. 2019 11:27 pm โดย bankjittapol
การสร้าง foreign key ใน MySQL ด้วย phpmyadmin สำหรับ ตารางที่เป็น innodb
โดย bankjittapol จ 04 พ.ย. 2019 10:57 pm บอร์ด SQL Knowledge
1
504
อ 05 พ.ย. 2019 3:19 am โดย mindphp
4 กลยุทธ์ที่จะช่วยให้ธุรกิจประสบผลสำเร็จ (4PS)
โดย numtan5839 จ 04 พ.ย. 2019 5:54 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
58
พ 06 พ.ย. 2019 2:33 pm โดย numtan5839
ทำให้ช่องทั้งสองขึ้นเป็นปีให้เลือกได้ทั้
โดย mstsksmstsks จ 04 พ.ย. 2019 5:16 pm บอร์ด HTML CSS
1
58
จ 04 พ.ย. 2019 5:17 pm โดย mstsksmstsks
6 จุดเช็กอินในเชียงใหม่ หน้าหนาวนี้ ต้องไปเยือน
โดย Meygrand จ 04 พ.ย. 2019 4:46 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
28
จ 04 พ.ย. 2019 4:46 pm โดย Meygrand
ทดสอบ
โดย mindphp จ 04 พ.ย. 2019 4:40 pm บอร์ด Programming - PHP
0
72
จ 04 พ.ย. 2019 4:40 pm โดย mindphp
แหล่งท่องเที่ยวในจังหวัดสุพรรณบุรี
โดย numtan5839 จ 04 พ.ย. 2019 4:00 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
71
พ 06 พ.ย. 2019 2:36 pm โดย numtan5839
การสร้างปีภาษีสำหรับการบัญทึกบัญชี
โดย nnamfon.26 จ 04 พ.ย. 2019 3:36 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
0
26
จ 04 พ.ย. 2019 3:36 pm โดย nnamfon.26
รวมรายการลดหย่อนภาษี ปี 62 แค่วางแผนให้ดี ก็มีเงินเหลือแน่นอน!
โดย promotion จ 04 พ.ย. 2019 3:35 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
0
34
จ 04 พ.ย. 2019 3:35 pm โดย promotion
อยากทราบวิธีการส่งค่าเมนู ไปแสดงที่ part way ของ phpbb
โดย Ittichai_chupol จ 04 พ.ย. 2019 3:02 pm บอร์ด Programming - PHP
1
28
จ 04 พ.ย. 2019 3:09 pm โดย thatsawan
วิธีการใช้ textwarp เพื่อทำการนำข้อความที่ยาวเกินไปมาขึ้นบรรทัดใหม่
โดย jirawoot จ 04 พ.ย. 2019 2:57 pm บอร์ด Python Knowledge
0
55
จ 04 พ.ย. 2019 2:57 pm โดย jirawoot
ต้องการ เลือก ข้อมูลใน select tag แล้ว block เปลี่ยนตำแหน่งไปตามนั้น
โดย bankjittapol จ 04 พ.ย. 2019 11:51 am บอร์ด JavaScript & Jquery Ajax
1
56
จ 04 พ.ย. 2019 12:02 pm โดย tsukasaz
note
โดย numtan5839 จ 04 พ.ย. 2019 11:21 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
5
47
อ 12 พ.ย. 2019 7:49 pm โดย numtan5839