HTML-এ ইনপুট স্টেপ অ্যাট্রিবিউটের ব্যবহার
HTML ইনপুট টাইপ step অ্যাট্রিবিউট বৈধ সংখ্যা ইন্টারভ্যাল সেট করে। স্টেপগুলো হলো সংখ্যা ধাপ যেমন ০, ৪, ৮, ১২, ১৬ ইত্যাদি। step অ্যাট্রিবিউটকে max এবং min অ্যাট্রিবিউটের সাথে মিলিয়ে বৈধ মানের একটি রেঞ্জ তৈরি করতে ব্যবহার করা যায়।
উদাহরণ
নিচের কোডটি চালিয়ে ইনপুট স্টেপ অ্যাট্রিবিউট দিয়ে সংখ্যার ধাপ তৈরি করার পরীক্ষা করতে পারেন। এখানে আমরা ৪ এর ধাপ তৈরি করছি, তাই বৈধ ইনপুট হবে ৪, ৮, ১২, ১৬ ইত্যাদি। সেট ছাড়া অন্য কোনো সংখ্যা দিয়ে সাবমিট বাটন চাপলে নিচের মেসেজ দেখায়: "Please enter a valid value"। এটি দুটি নিকটতম মানও দেখাবে।
<!DOCTYPE html>
<html>
<head>
<title>HTML input step attribute</title>
</head>
<body>
<form action="/cgi-bin/hello_get.cgi" method="get">
<input type="number" name="points" step="4"><br>
<input type="submit" value="সাবমিট">
</form>
</body>
</html>
ব্যাখ্যা:
step="4"— শুধু ৪-এর গুণফলগুলো গ্রহণযোগ্য (০, ৪, ৮, ১২...)minএবংmaxসহ ব্যবহার করলে রেঞ্জ ও সীমাবদ্ধ হয়step="any"দিলে যেকোনো দশমিক মান গ্রহণ করবে
প্রযোজ্য ইনপুট টাইপ: number, range, date, month, week, time, datetime-local।
