এলিমেন্টের সাইজ অ্যাট্রিবিউট ইনপুটের প্রস্থ নির্ধারণ করতে ব্যবহৃত হয়। যত বেশি প্রস্থ তত বেশি প্রস্থের একটি পাঠ্যবক্সে নিয়ে যাবে। আপনি নিম্নলিখিত ইনপুট প্রকারগুলির জন্য আকারের বৈশিষ্ট্য সেট করতে পারেন - পাঠ্য, অনুসন্ধান, ইমেল, পাসওয়ার্ড, টেলিফোন এবং ইউআরএল৷
নিম্নলিখিত সিনট্যাক্স −
<input size="size_num">
উপরে, size_num হল ইনপুটের প্রস্থ যা আপনাকে সংখ্যায় সেট করতে হবে। ডিফল্ট হল 20।
আসুন এখন উপাদান −
-এর আকার বৈশিষ্ট্য বাস্তবায়নের একটি উদাহরণ দেখিউদাহরণ
<!DOCTYPE html> <html> <body> <h2>Register</h2> <form action="" method="get"> Id − <input type="text" name="id" placeholder="Enter UserId here..." size = "25" required><br> Password − <input type="password" name="pwd" placeholder="Enter password here..." required><br> DOB − <input type="date" name="dob" placeholder="Enter date of birth here..."><br> Telephone − <input type="tel" name="tel" placeholder="Enter mobile number here..." required><br> Email − <input type="email" name="email" placeholder="Enter email here..." size = "35"><br><br> <button type="submit" value="Submit">Submit</button> </form> </body> </html>
আউটপুট
উপরের উদাহরণে, আমাদের একটি বোতাম সহ কিছু ক্ষেত্র রয়েছে −
<form action="" method="get"> Id − <input type="text" name="id" placeholder="Enter UserId here..." size = "25" required><br> Password − <input type="password" name="pwd" placeholder="Enter password here..." required><br> DOB − <input type="date" name="dob" placeholder="Enter date of birth here..."><br> Telephone − <input type="tel" name="tel" placeholder="Enter mobile number here..." required><br> Email − <input type="email" name="email" placeholder="Enter email here..." size = "35"><br><br> <button type="submit" value="Submit">Submit</button> </form>
এখন, ধরা যাক আমরা একটি বড় টেক্সটবক্স চাই, যেমন বড় প্রস্থ সহ। এর জন্য, আমরা সংখ্যায় প্রস্থ সেট করতে আকার বৈশিষ্ট্য ব্যবহার করেছি −
<input type="text" name="id" placeholder="Enter UserId here..." size = "25" required>