এইচটিএমএল <ইনপুট> অটোফোকাস অ্যাট্রিবিউট

উপাদানটির অটোফোকাস অ্যাট্রিবিউটটি নির্দিষ্ট করতে ব্যবহৃত হয় যখন ওয়েব পৃষ্ঠা লোড হবে তখন কোন ফোকাস পাবে। এই বৈশিষ্ট্যটি HTML5 এ প্রবর্তিত হয়েছে।

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

<input autofocus>

উপাদান -

-এর অটোফোকাস অ্যাট্রিবিউট প্রয়োগ করার জন্য এখন একটি উদাহরণ দেখা যাক।

উদাহরণ

<!DOCTYPE html>
<html>
<body>
<h2>Log in to your account</h2>
<form action="" method="get">
   Id: <input type="text" name="id"><br>
   Password: <input type="password" name="pwd"><br>
   DOB: <input type="date" name="dob" autofocus><br>
   <button type="submit" value="Submit">Submit</button>
</form>
</body>
</html>

আউটপুট

এইচটিএমএল ইনপুট অটোফোকাস অ্যাট্রিবিউট

উপরের উদাহরণে, আমরা একটি ফর্ম −

তৈরি করেছি

<form action="" method="get">
   Id: <input type="text" name="id"><br>
   Password: <input type="password" name="pwd"><br>
   DOB: <input type="date" name="dob" autofocus><br>
   <button type="submit" value="Submit">Submit</button>
</form>

আমরা তৃতীয় ইনপুটে অটোফোকাস সেট করেছি যেমনটি নীচে দেখানো হয়েছে যেমন DOB, তাই সেখানে কার্সার নিজেই দৃশ্যমান হয় -

DOB: <input type="date" name="dob" autofocus><br>