การนำรูปมาทำปุ่มกดทำไงเหรอค่ะ

HTML Basic
สำหรับนักพัฒนาเว็บไซต์มือใหม่ HTML , CSS และการใช้ Tools ต่างๆ ในการพัฒนาเว็บไซต์

Moderator: mindphp

ukajung
PHP Newbie
PHP Newbie
โพสต์: 4
ลงทะเบียนเมื่อ: 17/05/2009 3:45 pm

การนำรูปมาทำปุ่มกดทำไงเหรอค่ะ

โพสต์โดย ukajung » 21/05/2009 12:57 am

คือว่าได้สร้างหน้าเว็บเป็นหน้าสมุดเยี่ยมมีตารางไว้กรอกข้อมมูลครบแล้วอันสุดท้ายจะเป็นปุ่มกดตกลงโดยปุ่มกดตกลงจะใช้ในดรีมทำเพราะมีอยู่แล้วแต่ว่าปุ่มกดแบบนั้นไม่สวยเลยจะนำภาพที่อยู่ในเครื่องมาทำเป้นปุ่มกดต้องทำไงบ้างเหรอค่ะหรือว่าจะทำไม่ได้ค่ะบอกทีนะ

ภาพประจำตัวสมาชิก
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
โพสต์: 18484
ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
ติดต่อ:

Re: การนำรูปมาทำปุ่มกดทำไงเหรอค่ะ

โพสต์โดย mindphp » 21/05/2009 1:33 am

ย้ายมาหมวด html CSS ให้แล้วครับ
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: viewforum.php?f=29
รับอบรม และพัฒนาระบบ: viewtopic.php?f=6&t=2042

ภาพประจำตัวสมาชิก
tissana
PHP Sr. Member
PHP Sr. Member
โพสต์: 84
ลงทะเบียนเมื่อ: 01/01/1970 7:00 am
ติดต่อ:

Re: การนำรูปมาทำปุ่มกดทำไงเหรอค่ะ

โพสต์โดย tissana » 09/06/2009 11:19 am

จะว่าทำไม่ได้ก็ไม่เชิงครับ หากว่าไม่พอใจในรูปแบบปุ่มกดของ dream เท่าที่ผมเคยทำ ก็จะใช้พวก photoshop หรือว่ illus ทำเป็นรูปปุ่มกดก่อนก็ได้ครับ ก็สามารถจะใช้รูปที่เรามีอยู่ในเครื่อง ส่วนขนาดนั้นก็จะต้องดูด้วยครับอย่าให้ใหญ่จนน่าเกลียด เพราะปุ่มกดตกลง หรือ submit ปรกติก็จะเป็นปุ่มเล็กๆอยู่แล้ว

ภาพประจำตัวสมาชิก
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
โพสต์: 18484
ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
ติดต่อ:

Re: การนำรูปมาทำปุ่มกดทำไงเหรอค่ะ

โพสต์โดย mindphp » 05/06/2018 11:04 am

ทำได้ สอง แบบครับ
1. ระบุ input type เป็น image
2. ใส่เป็นรูป ธรรมดา แล้วใช้ event เรียกให้ javascript submit ให้

โค้ด: เลือกทั้งหมด

<form action="" method="get">
<input type="text" name="text">
<input type="image" src="images/submit.jpg" value="Submit" alt="Submit">
</form>
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: viewforum.php?f=29
รับอบรม และพัฒนาระบบ: viewtopic.php?f=6&t=2042


ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 4 และ บุคคลทั่วไป 0 ท่าน