English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
المخططات المزيفة CSS :focus تمثل العناصر التي تحصل على التركيز (مثل إدخال النموذج). يتم تنشيطها عند النقر أو اللمس للعنصر أو عند اختيار العنصر باستخدام مفتاح "tab" على لوحة المفاتيح.
النمط المختار عند الحصول على التركيز لحقول الإدخال:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>دليل أساسي (oldtoolbag.com)</title>
<style>
input:focus
{
background-color:orange;
}
</style>
</head>
<body>
<p>انقر على مربع النص لرؤية الخلفية الصفراء:</p>
<form>
اسم الأول: <input type="text" name="firstname" /><br>
اسم العائلة: <input type="text" name="lastname" />
</form>
<p><b>النصيحة:</b> <b>:focus</b> يعمل على <b>IE8</b>, <b>DOCTYPE</b> يجب أن يكون معلن</p>
</body>
</html>اختبر هذا <‹/›يستخدم محدد :focus لاختيار العناصر التي تحتوي على التركيز.
النصيحة: محدد :focus يقبل أحداث لوحة المفاتيح أو المدخلات الأخرى من المستخدم.
الرقم في الجدول يشير إلى إصدار المتصفح الأول الذي يدعم الخاصية.
| المحدد | |||||
|---|---|---|---|---|---|
| :focus | 4.0 | 8.0 | 2.0 | 3.1 | 9.6 |
النصيحة: محدد :focus يجب إعلانه في IE8<!DOCTYPE> .
دليل CSS: مخططات CSS المزيفة