HTML DOM Input Image অবজেক্ট

HTML DOM input image অবজেক্ট HTML ডকুমেন্টে type="image" এর সাথে <input> এলিমেন্টকে উপস্থাপন করে।

সিনট্যাক্স

ইনপুট ইমেজ অবজেক্ট তৈরির সিনট্যাক্স:

var imageInput = document.createElement("INPUT"); imageInput.setAttribute("type","image");

প্রপার্টি

HTML DOM Input Image অবজেক্টের প্রপার্টিসমূহ:

প্রপার্টি	ব্যাখ্যা
alt	ইনপুট ইমেজের alt অ্যাট্রিবিউটের মান ফেরত দেয় এবং পরিবর্তন করে।
autofocus	ব্রাউজার HTML ওয়েব পেজে ইমেজ লোডিং সম্পন্ন করেছে কিনা তা ফেরত দেয়।
defaultValue	ইনপুট ইমেজের ডিফল্ট মান ফেরত দেয় এবং পরিবর্তন করে।
disabled	ইনপুট ইমেজের disabled অ্যাট্রিবিউটের মান ফেরত দেয় এবং পরিবর্তন করে।
form	HTML ডকুমেন্টে ইনপুট ইমেজ ফিল্ড ধারণকারী ফর্মের রেফারেন্স ফেরত দেয়।
formAction	ইনপুট ইমেজের formaction অ্যাট্রিবিউটের মান ফেরত দেয় এবং পরিবর্তন করে।
formEnctype	ইনপুট ইমেজের formenctype অ্যাট্রিবিউটের মান ফেরত দেয় এবং পরিবর্তন করে।
formMethod	ইনপুট ইমেজের formmethod অ্যাট্রিবিউটের মান ফেরত দেয় এবং পরিবর্তন করে।
formNoValidate	ফর্ম সাবমিশনে ডেটা ভ্যালিডেট হবে কিনা তা ফেরত দেয় এবং পরিবর্তন করে।
formTarget	ইনপুট ইমেজের formtarget অ্যাট্রিবিউটের মান ফেরত দেয় এবং পরিবর্তন করে।
height	ইনপুট ইমেজের height অ্যাট্রিবিউটের মান ফেরত দেয় এবং পরিবর্তন করে।
name	ইনপুট ইমেজের name অ্যাট্রিবিউটের মান ফেরত দেয় এবং পরিবর্তন করে।
src	ইনপুট ইমেজের src অ্যাট্রিবিউটের মান ফেরত দেয় এবং পরিবর্তন করে।
type	ইনপুট ইমেজের type অ্যাট্রিবিউটের মান ফেরত দেয়।
value	ইনপুট ইমেজের value অ্যাট্রিবিউটের কন্টেন্ট ফেরত দেয় এবং পরিবর্তন করে।
width	ইনপুট ইমেজের width অ্যাট্রিবিউটের মান ফেরত দেয় এবং পরিবর্তন করে।

উদাহরণ

Input image অবজেক্টের উদাহরণ:

<!DOCTYPE html> <html> <head> <style> 
  body{ text-align:center; background-color:#363946; color:#fff; }
  .btn{ background-color:#db133a; border:none; height:2rem; border-radius:50px; width:60%; margin:2rem auto; display:block; color:#fff; outline:none; cursor:pointer; } 
</style> </head> <body> 
<h1>DOM Input Image Object Example</h1> 
<button onclick="createIframe()" class="btn">Create an image submit button</button> 
<script> 
  function createIframe() { 
    var imageInput = document.createElement("INPUT"); 
    imageInput.setAttribute("type", "image"); 
    imageInput.setAttribute("src", "https://www.tutorialspoint.com/jdbc/images/jdbc-mini-logo.jpg"); 
    document.body.appendChild(imageInput); 
  } 
</script> </body> </html>

আউটপুট

এটি নিচের আউটপুট তৈরি করবে:

HTML DOM Input Image অবজেক্ট

"Create an image submit button" বাটনে ক্লিক করলে একটি ইনপুট ইমেজ অবজেক্ট তৈরি হবে।

HTML DOM Input Image অবজেক্ট