این آموزش در تاریخ ۱۴۰۲/۰۶/۲۰ آپدیت شده است.
آموزش صفت Autofocus در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت Autofocus در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت Autofocus در HTML
صفت autofocus یک صفت بولی ( Boolean ) می باشد، با استفاده از این صفت میتونیم مشخص کنیم که کدام تگ بلافاصله بعد از لود صفحه روش فوکوس شه.
فوکوس شدن مثه اینه که ماوس رفته باشه روش یا مثلا با ماوس روش کلیک شده باشه، یاهم یعنی به محض لود شدن صفحه اون تگ به حالت انتخاب درمیاد.
Free-Learn
عناصری که توسط این صفت پشتیبانی می شوند
این صفت را میتوان در عناصر/تگ های زیر بکار برد.
| <button> | <input> | <select> | <textarea> |
Free-Learn
مثال از صفت Autofocus در HTML
مثال شماره ۱ : استفاده در تگ Button
|
1 2 3 4 5 6 7 8 |
<body> <button type="button">دکمه شماره ۱</button> <button type="button">دکمه شماره ۲</button> <button type="button" autofocus>دکمه شماره ۳</button> <button type="button">دکمه شماره ۴</button> </body> |
مثال شماره ۲ : استفاده در تگ Input
|
1 2 3 4 5 6 7 8 |
<body> <form action="files/get_data.php" method="POST"> <input type="text" name="myname" autofocus> <input type="submit" value="ارسال"> </form> </body> |
مثال شماره ۳ : استفاده در تگ Select
|
1 2 3 4 5 6 7 8 9 10 |
<body> <select autofocus> <option value="blue">آبی</option> <option value="red">قرمز</option> <option value="green">سبز</option> <option value="yellow">زرد</option> </select> </body> |
مثال شماره ۴ : استفاده در تگ Textarea
|
1 2 3 4 5 6 7 |
<body> <textarea autofocus> ... </textarea> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت autofocus در HTML پشتیبانی میکنند یا خیر.
| نام تگ | Chrome | Firefox | Opera | Safari | Edge |
| Form | بله | بله | بله | بله | بله |
| Input | بله | بله | بله | بله | بله |
| Textarea | بله | بله | بله | بله | بله |
| Select | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این صفت در HTML بصورت زیر می باشد.
|
1 2 3 4 |
<input autofocus> <button autofocus> <select autofocus> <textarea autofocus> |
Free-Learn
نکات و توضیحات
- نکته یا توضیح خاصی وجود ندارد.
