آموزش صفت 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 9 10 |
<body> <form action="files/test.php"> نام: <input type="text" name="fname"><br> فامیلی: <input type="text" name="lname" autofocus><br> ایمیل : <input type="email" name="email"><br> <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 | IE |
| Form | ۵٫۰ | ۴٫۰ | ۹٫۶ | ۵٫۰ | ۱۰٫۰ |
| Input | ۵٫۰ | ۴٫۰ | ۹٫۶ | ۵٫۰ | ۱۰٫۰ |
| Textarea | بله | ۴٫۰ | بله | بله | ۱۰٫۰ |
| Select | بله | خیر | بله | بله | ۱۰٫۰ |
Free-Learn
نکات و توضیحات
صفت autofocus یک صفت جدید/اضافه شده در HTML5 می باشد.
این صفت در تگ Select در مرورگر فایرفاکس (موزیلا) پشتیبانی نمیشود.
نحوه نوشتن/استفاده از این صفت در XHTML بصورت زیر می باشد:
|
1 |
autofocus="autofocus" |
