ویژگی autofocus در HTML <input>

برچسب <input> HTML

تعریف و استفاده

autofocus این ویژگی تعیین می‌کند که عناصر input باید در زمان بارگذاری صفحه به طور خودکار تمرکز دریافت کنند.

autofocus این ویژگی یک ویژگی بولین (Boolean) است.

اگر این ویژگی تنظیم شده باشد، تعیین می‌کند که عناصر <input> باید در زمان بارگذاری صفحه به طور خودکار تمرکز دریافت کنند.

مثال

اجازه دهید که فیلد ورودی "First name" در زمان بارگذاری صفحه به صورت خودکار تمرکز پیدا کند:

<form action="/action_page.php">
  <label for="fname">نام：</label>
  <input type="text" id="fname" name="fname" autofocus><br><br>
  <label for="lname">نام خانوادگی：</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit">
</form>

آزمایش کنید

شرح

<input autofocus>

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهایی هستند که این ویژگی را کامل پشتیبانی می‌کنند.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
5.0 11.0 4.0 5.0 9.6

نکته:autofocus ویژگی‌ها ویژگی‌های جدید HTML5 هستند.

برچسب <input> HTML