คำจำกัดความและการใช้งาน
แท็ก <button> กำหนดปุ่ม
ภายในองค์ประกอบปุ่มคุณสามารถวางเนื้อหาเช่นข้อความหรือรูปภาพ นี่คือความแตกต่างระหว่างองค์ประกอบนี้และปุ่มที่สร้างขึ้นด้วยองค์ประกอบอินพุต
ตัวควบคุม <putton> ให้คุณสมบัติที่ทรงพลังกว่าและเนื้อหาที่สมบูรณ์กว่า <putType = ปุ่ม> เนื้อหาทั้งหมดระหว่างแท็ก <button> และ </duct> เป็นเนื้อหาของปุ่มซึ่งรวมถึงเนื้อหาของร่างกายที่ยอมรับได้เช่นข้อความหรือเนื้อหามัลติมีเดีย ตัวอย่างเช่นเราสามารถรวมรูปภาพและข้อความที่เกี่ยวข้องในปุ่มและใช้เพื่อสร้างภาพมาร์กอัปที่น่าสนใจในปุ่ม
องค์ประกอบเดียวที่ต้องห้ามคือการแมปรูปภาพเนื่องจากการกระทำที่ไวต่อเมาส์และคีย์บอร์ดสามารถรบกวนพฤติกรรมของปุ่มแบบฟอร์มได้
โปรดระบุแอตทริบิวต์ประเภทสำหรับปุ่มเสมอ ประเภทเริ่มต้นของ InternetExPlorer คือปุ่มในขณะที่ค่าเริ่มต้นในเบราว์เซอร์อื่น ๆ (รวมถึงข้อกำหนด W3C) จะส่ง
การสนับสนุนเบราว์เซอร์เบราว์เซอร์กระแสหลักทั้งหมดรองรับแท็ก <button>
สำคัญ : หากคุณใช้องค์ประกอบปุ่มในรูปแบบ HTML เบราว์เซอร์ที่แตกต่างกันจะส่งค่าที่แตกต่างกัน InternetExPlorer จะส่งข้อความระหว่าง <button> และ <ปุ่ม/> ในขณะที่เบราว์เซอร์อื่น ๆ จะส่งเนื้อหาของแอตทริบิวต์ค่า โปรดใช้องค์ประกอบอินพุตในแบบฟอร์ม HTML เพื่อสร้างปุ่ม สิ่งที่ควรทราบเมื่อใช้แท็ก <button> เป็นเรื่องง่ายที่จะนำไปใช้เป็น <puttype = button> ซึ่งสามารถนำไปสู่การใช้ข้อผิดพลาดต่อไปนี้ได้อย่างง่ายดาย:
1. รับค่าของปุ่ม <butterId = custombtnvalue = test> </button> ค่าผ่าน $ ('#custombtn'). val ()
ใน IE (เช่นเคอร์เนล) ค่าคือปุ่มไม่ใช่การทดสอบและการทดสอบจะได้รับในไม่ใช่ เข้าร่วมในประโยคแรกที่ทำเครื่องหมายไว้ข้างต้น
สิ่งนี้ควรแตกต่างจาก <putType = button>
ในสองวิธีเหล่านี้ $ ('#custombtn'). val (), $ ('#custombtn'). attr ('value') ได้รับค่าในเบราว์เซอร์ที่แตกต่างกันดังนี้:
เบราว์เซอร์/ค่า | $ ('#custombtn'). val () | $ ('#custombtn'). attr ('value') |
Firefox13.0 | ทดสอบ | ทดสอบ |
Chrome 15.0 | ทดสอบ | ทดสอบ |
Opera11.61 | ทดสอบ | ทดสอบ |
Safari5.1.4 | ทดสอบ | ทดสอบ |
IE9.0 | ปุ่ม | ปุ่ม |
ตรวจสอบสิ่งนี้ในรหัสทดสอบด้านล่าง
คัดลอกรหัส