در HTML از خصوصیت autofocus برای تعیین المانی استفاده میشود که میخواهیم پس از لود شدن صفحه، فوکس را در اختیار داشته باشد.
نحوه استفاده از خصوصیت autofocus در HTML
خصوصیت autofocus در HTML یک خصوصیت بولی به حساب میآید. به این معنا که تنها درج این خصوصیت برای یک المان مناسب کافیست تا باعث شود آن المان پس از لود صفحه به صورت پیشفرض فوکس را در اختیار داشته باشد.
خصوصیت autofocus یک خصوصیت سراسری است که برای هر المانی قابل استفاده است. با این وجود معمولا از این خصوصیت برای المانهای <input> (فیلدهای ورودی فرمهای وب) استفاده میشود.
مثال زیر نمونهای از یک فرم وب شامل دکمه Submit، دو جعبه متن یا تکستباکس (المان <input> با نوع text) و دو برچسب (المان <label>) متناظر با آنها را نمایش میدهد. با توجه به استفاده از خصوصیت autofocus در المان <input> مربوط به اولین جعبه متن، این فیلد به محض لود شدن صفحه دارای فوکس خواهد بود.
<form action="/action.php" method="post">
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname" autofocus><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br>
<input type="submit" value="Submit">
</form>در تصویر زیر میتوانید نمایی از نتیجه کد HTML فوق را مشاهده کنید. وجود کرسر متنی (خط عمودی باریک) در تکست باکس اول نشان میدهد این فیلد فوکس را در اختیار دارد.
نکته: فراموش نکنید صرفا یک المان در یک سند وب میتواند دارای فوکس باشد. بنابراین از خصوصیت autofocus بایستی حداکثر برای یک المان استفاده کنید. در غیراینصورت، اولین المانی که دارای این خصوصیت باشد فوکس را پس از لود صفحه به دست میآورد.
