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