কম্পিউটার

HTML আকারের বৈশিষ্ট্য


এলিমেন্টের সাইজ অ্যাট্রিবিউট ইনপুটের প্রস্থ নির্ধারণ করতে ব্যবহৃত হয়। যত বেশি প্রস্থ তত বেশি প্রস্থের একটি পাঠ্যবক্সে নিয়ে যাবে। আপনি নিম্নলিখিত ইনপুট প্রকারগুলির জন্য আকারের বৈশিষ্ট্য সেট করতে পারেন - পাঠ্য, অনুসন্ধান, ইমেল, পাসওয়ার্ড, টেলিফোন এবং ইউআরএল৷

নিম্নলিখিত সিনট্যাক্স −

<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>

আউটপুট

HTML  input  আকারের বৈশিষ্ট্য

উপরের উদাহরণে, আমাদের একটি বোতাম সহ কিছু ক্ষেত্র রয়েছে −

<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>

  1. এইচটিএমএল আইডি অ্যাট্রিবিউট

  2. HTML আকারের বৈশিষ্ট্য

  3. HTML তালিকা বৈশিষ্ট্য

  4. HTML সর্বোচ্চ দৈর্ঘ্যের বৈশিষ্ট্য