آموزش صفت 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" |