HTML checked অ্যাট্রিবিউট

checked অ্যাট্রিবিউট (বুলিয়ান) HTML-এ <input> এলিমেন্টকে পেজ লোড হয়ে যাওয়ার সাথে সাথে প্রি-সিলেক্টেড (pre-selected) অবস্থায় রাখতে ব্যবহৃত হয়। এটি radio button এবং checkbox — দুটোই জন্য কাজ করে।

সিনট্যাক্স

<input type="checkbox" checked>
<input type="radio" checked>

উদাহরণ (Checkbox)

<!DOCTYPE html>
<html>
<body>
  <h2>রেজিস্ট্রেশন</h2>
  <form action="" method="get">
    Id: <input type="text" name="id" placeholder="UserId লিখুন..." size="25"><br>
    Password: <input type="password" name="pwd" placeholder="Password লিখুন..."><br>
    DOB: <input type="date" name="dob" placeholder="জন্ম তারিখ লিখুন..."><br>
    Telephone: <input type="tel" name="tel" placeholder="মোবাইল নম্বর লিখুন..."><br>
    Email: <input type="email" name="email" placeholder="Email লিখুন..." size="35"><br><br>
    <input type="checkbox" name="vehicle" value="Bike" checked> নিউজলেটার সাবস্ক্রিপশন: <br>
    <button type="submit" value="Submit">Submit</button>
  </form>
</body>
</html>

আউটপুট

HTML checked অ্যাট্রিবিউট

ব্যাখ্যা

<input type="checkbox" name="vehicle" value="Bike" checked> Newsletter Subscription:

checked থাকায় চেকবক্সটি পেজ লোড হওয়ার সাথে সাথে টিক করা অবস্থায় থাকে।

Radio Button-এ ব্যবহার

<fieldset>
  <legend>জেন্ডার নির্বাচন করুন:</legend>
  <input type="radio" name="gender" value="male" id="male" checked>
  <label for="male">পুরুষ</label>
  <input type="radio" name="gender" value="female" id="female">
  <label for="female">মহিলা</label>
  <input type="radio" name="gender" value="other" id="other">
  <label for="other">অন্যান্য</label>
</fieldset>

গুরুত্বপূর্ণ নোটস

একই name वाले রেডিও গ্রুপে শুধু একটি রেডিওতে checked থাকা উচিত।
চেকবক্সে একাধিক checked থাকতে পারে।
ফর্ম সাবমিশনে শুধু চেক করা চেকবক্স/রেডিওর value পাঠানো হয়।
JavaScript-এ: input.checked (বুলিয়ান), input.defaultChecked (HTML অ্যাট্রিবিউটের মান)।