<input> এলিমেন্টের checked অ্যাট্রিবিউট নির্দিষ্ট করে যে ইনপুট টাইপ চেকবক্স পেজ লোড হলে চেকড থাকবে। আপনি এই অ্যাট্রিবিউটটি ইনপুট টাইপ রেডিওর সাথেও ব্যবহার করতে পারেন।
সিনট্যাক্স নিচের মত:
<input type=”checkbox” checked>
উপরে, আমরা চেকড সেট করেছি যেহেতু আমরা চেয়েছি পেজ লোড হলে চেকবক্স সিলেক্টেড থাকে।
এখন <input> এলিমেন্টের checked অ্যাট্রিবিউট ইমপ্লিমেন্ট করার একটি উদাহরণ দেখি:
উদাহরণ
<!DOCTYPE html> <html> <body> <h2>Register</h2> <form action = "" method = "get"> Id: <input type = "text" name = "id" placeholder = "Enter UserId here..." size = "25"><br> Password: <input type = "password" name = "pwd" placeholder = "Enter password here..."><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..."><br> Email: <input type = "email" name = "email" placeholder = "Enter email here..." size = "35"><br><br> <input type = "checkbox" name = "vehicle" value = "Bike" checked>Newsletter Subscription: <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"><br> Password: <input type = "password" name = "pwd" placeholder = "Enter password here..."><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..."><br> Email: <input type = "email" name = "email" placeholder = "Enter email here..." size = "35"><br><br> <input type = "checkbox" name = "vehicle" value = "Bike" checked>Newsletter Subscription: <br> <button type = "submit" value = "Submit">Submit</button> </form>
সাথে সাথেই, আমরা একটি চেকবক্সও সেট করেছি:
<input type="checkbox" name="vehicle" value="Bike" checked>Newsletter Subscription:
উপরে দেখুন, আমরা checked অ্যাট্রিবিউট সেট করেছি, যাতে পেজ লোড হলে ইনপুট টাইপ চেকবক্স চেকড থাকে।
