HTML DOM ইনপুট নম্বর টাইপ প্রপার্টি ইনপুট এলিমেন্ট এর টাইপ="নম্বর" এর সাথে যুক্ত। এটি সর্বদা ইনপুট সংখ্যা উপাদানের জন্য নম্বর প্রদান করবে।
সিনট্যাক্স
সংখ্যা টাইপ প্রপার্টির জন্য সিনট্যাক্স নিচে দেওয়া হল −
numberObject.type
উদাহরণ
আসুন HTML DOM ইনপুট নম্বর টাইপ প্রপার্টি -
-এর একটি উদাহরণ দেখি<!DOCTYPE html>
<html>
<body>
<h1>Input Number type property</h1>
PHONE NO: <input type="number" id="NUMBER1">
<p>Get the above element type by clicking the below button</p>
<button onclick="getType()">Get Type</button>
<p id="Sample"></p>
<script>
function getType() {
var t = document.getElementById("NUMBER1").type;
document.getElementById("Sample").innerHTML = "The type for the input field is : "+t;
}
</script>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
"প্রকার পান" বোতামে ক্লিক করার পরে -
উপরের উদাহরণে -
আমরা টাইপ নম্বর সহ একটি ইনপুট ক্ষেত্র তৈরি করেছি এবং এর আইডি "NUMBER1" এ সেট করেছি।
PHONE NO: <input type="number" id="NUMBER1">
তারপরে আমরা "Get Type" বোতামটি তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করলে getType() পদ্ধতিটি কার্যকর করবে -
<button onclick="getType()">Get Type</button>
getType() মেথড getElementById() মেথড ব্যবহার করে ইনপুট এলিমেন্ট পায় এবং ভ্যারিয়েবল টি-তে এর টাইপ অ্যাট্রিবিউট মান নির্ধারণ করে। এই ভেরিয়েবলটি তারপর অনুচ্ছেদে আইডি "নমুনা" সহ এর অভ্যন্তরীণ HTML বৈশিষ্ট্য ব্যবহার করে প্রদর্শিত হয় -
function getType() {
var t = document.getElementById("NUMBER1").type;
document.getElementById("Sample").innerHTML = "The type for the input field is : "+t;
} 