ท่านเคยเห็นปุ่มในลักษณะนี้หรือไม่ คิดว่าคงเคยเห็นกันล่ะนะ แล้วท่านสงสัยมั้ยว่า เขาเอารูปภาพไปใส่ในปุ่มได้อย่างไร
สงสัย สงสัย สงสัย หรือ ไม่เคยสงสัยเลย ???
เมื่อก่อนผมใช้บ่อยปุ่มแบบนี้ แต่พอนานเข้าๆ สมองชักลืมว่ามันมีวิธีใส่ภาพเข้าไปในปุ่ม วันนี้ท่องไปในโลกไซเบอร์ เจอปุ่มแบบนี้เข้าอีกครั้ง
ทำให้นึกขึ้นได้ เลยมาเขียนเป็นบทความซะ จะได้เตือนตัวเองด้วย
เท้าความหน่อยนะ แท็กที่ใช้ในการสร้างปุ่มของ html นั้น มีอยู่ 2 แท็ก คือ
1. <input type="submit" name="button" id="button" value="Submit" /> แท็ก input ซึ่งเราใช้กันประจำ
2. <button type="submit" name="button" id="button" >บันทึก</button> แท็ก button ตัวนี้แหละที่สังคมลืม
แท็ก button นี่แหละครับ ที่อนุญาติให้เราใส่รูปภาพเข้าไปในปุ่มได้ ดูตัวอย่าง
<button type="submit" name="button" id="button" ><img src="images/icons/disk.png" width="16" height="16" align="absmiddle" /> บันทึก</button>
แค่นี้แหละครับ ใส่ภาพเข้าไปในระหว่างแท็ก button ได้เลย เวลาแสดงผล ก็จะมีภาพพร้อมข้อความแสดงอยู่ในปุ่ม
ชิลชิล ใช่มั้ยครับ…
วัชรเมธน์ ชิษณุคุปต์ ศรีเนธิโรทัย
Programmer, Blogger
ชีวิตมันคือการเดินทางเพื่อค้นหาอะไรบางอย่าง และเพื่อค้นพบอะไรบางอย่าง สิ่งที่รู้แล้วจะได้บอกกล่าวให้คนข้างหลังได้ฟัง เพื่อเดินลุยเข้าไปในพงหนามอย่างเตรียมใจไว้แล้วว่าอาจจะต้องเจ็บ
ee says:
06/09/2553 at 06/09/2553
ขั้นตอนต่อไป
MM-Script says:
09/02/2554 at 09/02/2554
55+ … ถูกใจ ตรงที่สังคมลืมเนี้ยอ่ะ
ให้ใจไปเลย สังคมก็เงี้ยลืมง่าย 55+ ^^
Tommy says:
07/05/2554 at 07/05/2554
โดนใจมากครับ