ตัวอย่าง
ปุ่มคลิกได้มีการทำเครื่องหมายขึ้นดังต่อไปนี้:
<button type="button">Click Me!</button>
ลองตัวเอง» ความหมายและการใช้งาน
<button> แท็กกำหนดปุ่มคลิกได้
ภายใน <button> องค์ประกอบที่คุณสามารถใส่เนื้อหาเช่นข้อความหรือภาพ นี่คือความแตกต่างระหว่างองค์ประกอบนี้และปุ่มที่สร้างขึ้นด้วยที่ <input> องค์ประกอบ
เคล็ดลับ: เสมอระบุ type แอตทริบิวต์สำหรับ <button> องค์ประกอบเบราว์เซอร์ที่แตกต่างกันเริ่มต้นใช้ชนิดที่แตกต่างกันสำหรับ <button> องค์ประกอบ
สนับสนุนเบราว์เซอร์
| ธาตุ | |||||
|---|---|---|---|---|---|
| <button> | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
เคล็ดลับและคำอธิบาย
หมายเหตุ: หากคุณใช้ <button> องค์ประกอบในรูปแบบ HTML มีเบราว์เซอร์ที่แตกต่างกันอาจส่งค่าที่แตกต่างใช้ <input> การสร้างปุ่มในรูปแบบ HTML ไป
เคล็ดลับ: การเยี่ยมชมของเรา ปุ่ม CSS สอน ที่จะหาวิธีการรูปแบบปุ่มด้วย CSS
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
HTML5 มีคุณลักษณะใหม่ต่อไปนี้: autofocus, form, formaction, formenctype, formmethod, formnovalidate และ formtarget
แอตทริบิวต์
= ใหม่ใน HTML5
| คุณลักษณะ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| autofocus | autofocus | ระบุว่าปุ่มควรมุ่งเน้นโดยอัตโนมัติได้รับเมื่อโหลดหน้าเว็บ |
| disabled | disabled | ระบุว่าปุ่มควรจะปิดการใช้งาน |
| form | form_id | ระบุหนึ่งหรือมากกว่าหนึ่งรูปแบบปุ่มเป็น |
| formaction | URL | ระบุว่าจะส่งแบบฟอร์มข้อมูลเมื่อส่งแบบฟอร์ม เฉพาะ type="submit" |
| formenctype | application/x-www-form-urlencoded multipart/form-data text/plain | ระบุว่าข้อมูลรูปแบบควรมีการเข้ารหัสก่อนที่จะส่งไปยังเซิร์ฟเวอร์ เฉพาะ type="submit" |
| formmethod | get post | ระบุวิธีการส่งรูปแบบข้อมูล (ซึ่งวิธีการที่จะใช้ HTTP) เฉพาะ type="submit" |
| formnovalidate | formnovalidate | ระบุว่ารูปแบบข้อมูลที่ไม่ควรได้รับการตรวจสอบการส่ง เฉพาะ type="submit" |
| formtarget | _blank _self _parent _top framename | ระบุตำแหน่งที่จะแสดงการตอบสนองหลังจากส่งแบบฟอร์ม เฉพาะ type="submit" |
| name | name | ระบุชื่อสำหรับปุ่ม |
| type | button reset submit | ระบุชนิดของปุ่ม |
| value | text | ระบุค่าเริ่มต้นสำหรับปุ่ม |
แอตทริบิวต์ทั่วโลก
<button> แท็กยังสนับสนุน แอตทริบิวต์ใน HTML
แอตทริบิวต์เหตุการณ์
<button> แท็กยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง HTML DOM: ปุ่มวัตถุ
CSS Tutorial: ปุ่มจัดแต่งทรงผม
ตั้งค่าเริ่มต้น CSS
ไม่มี.