কম্পিউটার

HTML DOM ইনপুট চেকবক্স অটোফোকাস সম্পত্তি


HTML DOM ইনপুট চেকবক্স অটোফোকাস প্রপার্টি রিটার্ন করে এবং টাইপ=”চেকবক্স” সহ একটি ইনপুট HTML উপাদানের অটোফোকাস অ্যাট্রিবিউটের মান পরিবর্তন করে।

সিনট্যাক্স

নিচের সিনট্যাক্স −

1. রিটার্নিং অটোফোকাস

object.autofocus

2. অটোফোকাস পরিবর্তন করা

object.autofocus = true|false

উদাহরণ

আসুন অটোফোকাস সম্পত্তির একটি উদাহরণ দেখি -

<!DOCTYPE html>
<html>
<head>
<title<HTML DOM autofocus property</title<
<style>
   body{
      text-align:center;
   }
   p{
      font-size:1.5rem;
      color:#ff8741;
   }
   input{
      width:30px;
      height:30px;
      outline:2px solid #db133a;
   }
   button{
      background-color:#db133a;
      color:#fff;
      padding:8px;
      border:none;
      width:120px;
      margin:0.5rem;
      border-radius:50px;
      outline:none;
   }
</style>
</head>
<body>
<h1>autofocus Property Example</h1>
<p>Do you need help?</p>
<input type="checkbox" autofocus>
<br>
<button onclick="yes()">Yes</button>
<button onclick="no()">No</button>
<script>
   function yes() {
      document.querySelector("input").checked = true;
   }
   function no() {
      document.querySelector("input").checked = false;
   }
</script>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

HTML DOM ইনপুট চেকবক্স অটোফোকাস সম্পত্তি

চেকবক্সটি চেক এবং আনচেক করতে "হ্যাঁ/না" বোতামে ক্লিক করুন কিন্তু আপনি দেখতে পাচ্ছেন যে লাল আউটলাইন সহ পৃষ্ঠা লোড হলে চেকবক্সটি ইতিমধ্যেই অটোফোকাস হয়ে যায়৷

HTML DOM ইনপুট চেকবক্স অটোফোকাস সম্পত্তি


HTML DOM ইনপুট চেকবক্স অটোফোকাস সম্পত্তি



  1. HTML DOM ইনপুট অটোফোকাস সম্পত্তি জমা দিন

  2. HTML DOM ইনপুট টেক্সট অটোফোকাস প্রপার্টি

  3. HTML DOM ইনপুট রেডিও অটোফোকাস সম্পত্তি

  4. HTML DOM ইনপুট রেঞ্জ অটোফোকাস সম্পত্তি