HTML ইনপুট বক্সকে শুধু সংখ্যা গ্রহণ করতে সীমাবদ্ধ করা
HTML ইনপুট বক্সকে শুধু সংখ্যা গ্রহণ করতে সীমাবদ্ধ করতে <input type="number"> ব্যবহার করুন। এর মাধ্যমে আপনি একটি নмериক ইনপুট ফিল্ড পাবেন।
ইনপুট বক্সকে সংখ্যায় সীমাবদ্ধ করার পর, যদি ব্যবহারকারী টেক্সট দিয়ে সাবমিট বাটন চাপে, তবে নিচের মেসেজ দেখায়: "Please enter a number."
উদাহরণ
নিচের কোডটি চালিয়ে HTML ইনপুট বক্সকে শুধু সংখ্যা গ্রহণ করতে সীমাবদ্ধ করার পরীক্ষা করতে পারেন:
<!DOCTYPE html>
<html>
<head>
<title>HTML input number</title>
</head>
<body>
<form action="" method="get">
১ থেকে ২০ পর্যন্ত যেকোনো সংখ্যা লিখুন:
<input type="number" name="num" min="1" max="20"><br>
<input type="submit" value="সাবমিট">
</form>
</body>
</html>
অতিরিক্ত অ্যাট্রিবিউট:
min— ন্যূনতম মানmax— অধিকতম মানstep— ধাপের আকার (ডিফল্ট ১)placeholder— হিন্ট টেক্সট
দ্রষ্টব্য: ব্রাউজার বিল্ট-ইন ভ্যালিডেশন দেয়, তবে সার্ভার-সাইড ভ্যালিডেশনও অবশ্যক।
