تغییر focus پیش‌فرض در فرم‌های HTML

رعایت برخی نکته‌های کوچک در برنامه‌نویسی از پیش‌نیازها طراحی نرم‌افزارهای باکیفیت و سبب به دست آوردن رضایت مشتریان است.
در طراحی صفحات وب که تنها حاوی یک فرم هستند – مانند صفحه‌ی ورود – بهتر است focus به صورت پیش‌فرض روی فیلد ابتدایی قرار گیرد.
در استاندارد HTML5 یک ویژگی به inputها اضافه شده که کار تغییر focus را بدون نیاز به جاوااسکریپت انجام می‌دهد.

<input type="text" name="username" id="username" autofocus>

دو نکته در کد بالا قابل توجه است. نخست اینکه برخلاف استاندارد قبلی xhtml تعریف ویژگی‌ها به صورت مختصر مجاز است. یعنی تعیین مقدار برای autofocus الزامی نیست.
و تکته‌ی دوم اینکه ممیز انتهایی برای بستن تگ نیز در استاندارد جدید منسوخ شده است.

همان طور که قابل پیش‌بینی است. اینترنت اکسپلورر تا نسخه‌ی ۹ از این ویژگی پشتیبانی نمی‌کند. اگر می‌خواهید کاربران این نرم‌افزار را نیز تحت پوشش قرار دهید، قطعه کد جاوااسکریپت زیر شما را به هدف می‌رساند.

document.getElementById( 'username' ).focus();
این نوشته در HTML, جاوااسکریپت ارسال شده است. افزودن پیوند یکتا به علاقه‌مندی‌ها.

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

شما می‌توانید از این دستورات HTML استفاده کنید: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>