পৃষ্ঠা লোডে একটি HTML ইনপুট বাক্সে ফোকাস সেট করা

Question 1

পৃষ্ঠাটি লোড হওয়ার পরে আমি একটি ইনপুট বাক্সে ডিফল্ট ফোকাস সেট করার চেষ্টা করছি (উদাহরণ: গুগল)। আমার পৃষ্ঠাটি খুব সাধারণ, তবুও আমি কীভাবে এটি করব তা অনুমান করতে পারি না।

আমি এ পর্যন্ত এটি পেয়েছি:

<html>
<head>
 <title>Password Protected Page</title>

 <script type="text/javascript">
 function FocusOnInput()
 {
 document.getElementById("PasswordInput").focus();
 }
 </script>

 <style type="text/css" media="screen">
  body, html {height: 100%; padding: 0px; margin: 0px;}
  #outer {width: 100%; height: 100%; overflow: visible; padding: 0px; margin: 0px;}
  #middle {vertical-align: middle}
  #centered {width: 280px; margin-left: auto; margin-right: auto; text-align:center;}
 </style>
</head>
<body onload="FocusOnInput()">
 <table id="outer" cellpadding="0" cellspacing="0">
  <tr><td id="middle">
   <div id="centered">
  <form action="verify.php" method="post">
   <input type="password" name="PasswordInput"/>
  </form>
   </div>
  </td></tr>
 </table>
</body>
</html>

কিভাবে এই কাজ করে না যখন এই কাজ করে?

<html>
<head>
<script type="text/javascript">
function FocusOnInput()
{
     document.getElementById("InputID").focus();
}
</script>
</head>

<body onload="FocusOnInput()">
  <form>
       <input type="text" id="InputID">
  </form>
</body>

</html>

সহায়তা অনেক প্রশংসা করা হয় :-)

Question 2

এই লাইন:

<input type="password" name="PasswordInput"/>

এর মতো একটি আইডি বৈশিষ্ট্য থাকা উচিত :

<input type="password" name="PasswordInput" id="PasswordInput"/>

Question 3

এবং আপনি এইচটিএমএল 5 এর অটোফোকস বৈশিষ্ট্য (আই 9 এবং নীচে সমস্ত বর্তমান ব্রাউজারে কাজ করে) ব্যবহার করতে পারেন। শুধুমাত্র আপনার স্ক্রিপ্টটি কল করুন যদি এটি আই 9 বা তার আগে বা অন্য ব্রাউজারগুলির পুরানো সংস্করণ হয়।

<input type="text" name="fname" autofocus>

Question 4

এটি আইই এর একটি সাধারণ সমস্যা এবং এর সমাধান করা সহজ। ইনপুটে দুবার .ফোকস () যুক্ত করুন।

স্থির করুন: -

function FocusOnInput() {
    var element = document.getElementById('txtContactMobileNo');
    element.focus();
    setTimeout(function () { element.focus(); }, 1);
}

এবং Focus (দস্তাবেজ) এ ফোকাসঅনআইনপুট () কল করুন। প্রস্তুত (ফাংশন () {.....};

Question 5

আপনি এটি ব্যবহার করতে পারেন:

<body onload="focusOnInput()">
    <form name="passwordForm" action="verify.php" method="post">
        <input name="passwordInput" type="password" />
    </form>
</body>

এবং তারপরে আপনার জাভাস্ক্রিপ্টে:

function focusOnInput() {
    document.forms["passwordForm"]["passwordInput"].focus();
}