উপাদানটির প্রস্থ বৈশিষ্ট্যটি শুধুমাত্র চিত্রের সাথে ব্যবহার করা হয় এবং আপনাকে −
ব্যবহার করে যোগ করা ছবির প্রস্থ সেট করতে দেয়।<input type=”image”>
প্রস্থ বৈশিষ্ট্যটি HTML5 এ প্রবর্তিত হয়েছে এবং জমা বোতাম হিসাবে কাজ করে। নিম্নলিখিত সিনট্যাক্স −
<input width="pixels">
উপরে, প্রস্থ পিক্সেলে প্রস্থকে প্রতিনিধিত্ব করে।
আসুন এখন এলিমেন্টের প্রস্থ বৈশিষ্ট্য বাস্তবায়নের জন্য একটি উদাহরণ দেখি যেখানে ইনপুট টাইপ ইমেজের জন্য প্রস্থ সেট করা আছে −
উদাহরণ
<!DOCTYPE html> <html> <body> <h2>Register</h2> <form action="" method="get"> Id − <input type="text" name="id" placeholder="Enter UserId here..." size = "25"><br> Password − <input type="password" name="pwd" placeholder="Enter password here..."><br> DOB − <input type="date" name="dob"><br> Telephone − <input type="tel" name="tel" placeholder="Enter mobile number here..."><br> Email − <input type="email" name="email" placeholder="Enter email here..." size = "35"><br><br> <input type="image" src="go.jpg" alt="Submit" width="120" height="60"> </form> </body> </html>
আউটপুট
উপরের উদাহরণে, আমাদের কাছে একটি বোতাম সহ একটি ফর্ম রয়েছে যার জন্য একটি চিত্র যুক্ত করা হচ্ছে −
<form action="" method="get"> Id − <input type="text" name="id" placeholder="Enter UserId here..." size = "25"><br> Password − <input type="password" name="pwd" placeholder="Enter password here..."><br> DOB − <input type="date" name="dob"><br> Telephone − <input type="tel" name="tel" placeholder="Enter mobile number here..."><br> Email − <input type="email" name="email" placeholder="Enter email here..." size = "35"><br><br> <input type="image" src="go.jpg" alt="Submit" width="120" height="60"> </form>
বোতামের জন্য ছবি একটি ফর্ম কন্ট্রোল ইনপুট টাইপ ইমেজ −
দিয়ে যোগ করা হয়েছে<input type="image" src="go.jpg" alt="Submit" width="120" height="60">
প্রস্থ বৈশিষ্ট্যটি এই চিত্র সেটের প্রস্থ সেট করতে ব্যবহৃত হয়।
