এই পোষ্টে আমরা দেখবো কিভাবে ছবিকে button হিসাবে ব্যবহার করা যায়।

নিচের ছবিতে একটি html from দেখা যাচ্ছে। form টিতে যে submit button টি দেখা যাচ্ছে সেটি html default submit button.

এবার নিচের from টি দেখুন। এই fromটিতে button হিসাবে একটি ছবি ব্যবহার করা হয়েছে।

ওয়েব সাইটে live দেখুন এখানে http://www.handtouchbd.com/contact.php

ক্যামন লাগছে button টা? আমার কাছে এই ধরনের বাটন সবসময়ই ভালো লাগে এবং প্রায় বেশীর ভাগ ওয়েব সাইটে আমি এই রকম বাটন ব্যবহার করি, তাতে যা হয় ডিজাইনের সাথে মিল রেখে যেকোন ধরনের ছবির ব্যবহার করা যায়।

খুবই সহজ কোন ছবিকে বাটন হিসাবে ব্যাবহার করা। প্রথমে পছন্দ মতো একটি বাটন বানিয়ে নিন। এবার নিচের কোডটি লাগিয়ে দিন আপনার html form এর মধ্যে।

<input type=”image” src=”mybutton.jpg” alt=”Submit button”>

ব্যাস হয়ে গেল, এভাবে আপনি সুন্দর submit বাটন ব্যবহার করে ওয়েবসাইট কে আরো দৃষ্টি দন্দন করে তুলতে পারেন।