<input> এলিমেন্টের size অ্যাট্রিবিউট ইনপুট ফিল্ডের প্রস্থ (ওয়াইডথ) সেট করতে ব্যবহৃত হয়। যত বেশি মান, তত চওড়া টেক্সটবক্স। এটি নিচের ইনপুট টাইপগুলোর সাথে কাজ করে: text, search, email, password, tel, url।
সিনট্যাক্স:
<input size="size_num">
এখানে size_num হলো ইনপুটের প্রস্থ সংখ্যায়। ডিফল্ট মান ২০।
উদাহরণ
<!DOCTYPE html> <html> <body> <h2>নিবন্ধন</h2> <form action="" method="get"> আইডি - <input type="text" name="id" placeholder="ইউজার আইডি লিখুন..." size = "25" required><br> পাসওয়ার্ড - <input type="password" name="pwd" placeholder="পাসওয়ার্ড লিখুন..." required><br> জন্ম তারিখ - <input type="date" name="dob" placeholder="জন্ম তারিখ লিখুন..."><br> টেলিফোন - <input type="tel" name="tel" placeholder="মোবাইল নম্বর লিখুন..." required><br> ইমেইল - <input type="email" name="email" placeholder="ইমেইল লিখুন..." size = "35"><br><br> <button type="submit" value="জমা দিন">জমা দিন</button> </form> </body> </html>
উপরের উদাহরণে size="25" এবং size="35" ব্যবহার করে দুটি ইনপুট ফিল্ডের প্রস্থ ভিন্ন করা হয়েছে। ইমেইল ফিল্ডটি বেশি চওড়া যেন লম্বা ইমেইল ঠিকানা লিখতে সুবিধা হয়।
নোট: size অ্যাট্রিবিউট শুধু ভিজ্যুয়াল প্রস্থ নিয়ন্ত্রণ করে, ক্যারেক্টার লিমিট নয়। ক্যারেক্টার লিমিটের জন্য maxlength অ্যাট্রিবিউট ব্যবহার করুন।
