**Please use Google Chrome web browser for the best view of the contents of this site.**

ข้อมูลเบื้องต้นเกี่ยวกับ Tag Button

Tag Button เป็น Element 1 ใน ภาษา HTML ในหมวดของ Form (แต่ Tag Button สามารถใช้แยกออกมาจาก Tag Form ได้)

ตัวอย่าง

รูปแบบของ Tag :

<button>.................</button>

Attributes ที่เกี่ยวข้อง

Specific Attributes
type ใช้กำหนดรูปแบบการทำงานของปุ่ม

submit ส่งข้อมูลที่ผู้ใช้กรอกไปให้ Server

reset ล้างข้อมูลที่ผู้ใช้กรอกทั้งหมด

button ไม่มีหน้าที่ตายตัว แล้วแต่ผู้เขียนเว็บไซต์จะกำหนด

name ใช้กำหนดชื่อของปุ่ม
value ใช้กำหนดค่าเริ่มต้นของปุ่ม
disabled ใช้เพื่อไม่ให้ผู้ใช้เว็บกดปุ่มได้ถ้ายังทำบางอย่างไม่สำเร็จ

นอกจากนี้ยังมี Attributes ที่เพิ่มเข้ามาอีกใน HTML5 ดังนี้

autofocus ใช้เพื่อเน้นปุ่มให้เหมือนพร้อมคลิกเมื่อโหลดหน้าเว็บ
form ใช้เพื่อกำหนดว่าปุ่มนี้ใช้ได้กับ Form ไหนบ้าง ในกรณีที่ปุ่มนี้อยู่นอก <form>
form_id
formaction ใช้เพื่อกำหนดว่าจะให้ส่งข้อมูลไปที่ไหน URL
*ใช้ได้กับ type=”submit” เท่านั้น
formenctype ใช้เพื่อกำหนดว่าจะให้ encode ก่อนส่งข้อมูลไปที่ Server หรือไม่

application/x-www-form-urlencoded

multipart/form-data

text/plain

*ใช้ได้กับ type=”submit” เท่านั้น
formmethod ใช้เพื่อกำหนดวิธีการส่งข้อมูลไปที่ Server

get

post

*ใช้ได้กับ type=”submit” เท่านั้น
formnovalidate ใช้เพื่อกำหนดไม่ให้ validated เมื่อมีการส่งข้อมูล
*ใช้ได้กับ type=”submit” เท่านั้น
formtarget ใช้เพื่อกำหนดว่าจะให้ข้อมูลที่ได้รับมาไปแสดงที่ไหน

_blank

_self

_parent

_top

framename
*ใช้ได้กับ type=”submit” เท่านั้น

Attributes อื่นๆ

Tag button สามารถใช้ Attributes อื่นๆที่อยู่ใน Global Attributes และ Event Attributes ร่วมด้วยได้

Global Attributes (รวบรวม Global Attributes)

Event Attributes (รวบรวม Event Attributes)