HTML DOM Input number type প্রপার্টি type=”number” থাকা ইনপুট এলিমেন্টের সাথে জড়িত। এটি ইনপুট নম্বর এলিমেন্টের জন্য সবসময় number রিটার্ন করবে।
সিনট্যাক্স
number type প্রপার্টির সিনট্যাক্স:
numberObject.type
উদাহরণ
HTML DOM Input Number type প্রপার্টির উদাহরণ:
<!DOCTYPE html> <html> <body> <h1>Input Number type প্রপার্টি</h1> PHONE NO: <input type="number" id="NUMBER1"> <p>উপরের এলিমেন্টের টাইপ পেতে নিচের বাটনে ক্লিক করুন</p> <button onclick="getType()">Get Type</button> <p id="Sample"></p> <script> function getType() { var t = document.getElementById("NUMBER1").type; document.getElementById("Sample").innerHTML = "ইনপুট ফিল্ডের টাইপ: "+t; } </script> </body> </html>আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
“Get Type” বাটনে ক্লিক করলে:
উপরের উদাহরণে:
type number এবং id “NUMBER1” সেট করে একটি ইনপুট ফিল্ড তৈরি করা হয়েছে।
PHONE NO: <input type="number" id="NUMBER1">
তারপর “Get Type” বাটন তৈরি করা হয়েছে যা ইউজার ক্লিক করলে getType() মেথড এক্সিকিউট করবে:
<button onclick="getType()">Get Type</button>
getType() মেথড getElementById() মেথড ব্যবহার করে ইনপুট এলিমেন্ট পাওয়া এবং এর type অ্যাট্রিবিউটের মান t ভেরিয়েবলে অ্যাসাইন করা। এই ভেরিয়েবলটি id “Sample” ওয়ালা প্যারাগ্রাফে innerHTML প্রপার্টি ব্যবহার করে প্রদর্শন করা হয়েছে:
function getType() { var t = document.getElementById("NUMBER1").type; document.getElementById("Sample").innerHTML = "ইনপুট ফিল্ডের টাইপ: "+t; } 