English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
القاعدة النمطية CSS3 :المفعول تمثل أي عنصر مفعول (مفعول). إذا كان العنصر قابلاً للتفعيل (مثل الاختيار، النقر أو استقبال إدخال النص) أو الحصول على التركيز، فإنه يكون مفعولاً. لدي العنصر أيضًا حالة معطلة (state disabled)، عند معطلة، لا يمكن للعنصر التفعيل أو الحصول على التركيز.
إعداد لون النص لجميع المدخلات المفعولة من نوع "text":
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>دليل الأساسيات (oldtoolbag.com)</title>
<style>
input:enabled {
color: #22AA22;
}
input:disabled {
color: #D9D9D9;
}
</style>
</head>
<body>
<form action="url_of_form">
<label for="FirstField">الحقول الأول (مفعول):</label> <input type="text" id="FirstField" value="Lorem"><br />
<label for="SecondField">الحقول الثاني (معطل):</label> <input type="text" id="SecondField" value="Ipsum" disabled="disabled"><br />
<input type="submit" value="Submit" />
</form>
</body>
</html>اختبار لمعرفة ‹/›:المفعول اختيار كل العناصر المفعولة (يستخدم بشكل رئيسي في عناصر النماذج).
الرقم في الجدول يظهر إصدار المتصفح الأول الذي يدعم هذه الخاصية.
| المخترات | |||||
|---|---|---|---|---|---|
| :enabled | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
تعيين لون الخلفية لجميع العناصر المدخلة المفعلة:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>دليل الأساسيات (oldtoolbag.com)</title>
<style>
input:enabled
{
background:#ffff00;
}
input:disabled
{
background:#dddddd;
}
</style>
</head>
<body>
<form action="">
الاسم الأول: <input type="text" value="Mickey" /><br>
اسم العائلة: <input type="text" value="Mouse" /><br>
الدولة: <input type="text" disabled="disabled" value="Disneyland" /><br>
كلمة المرور: <input type="password" name="password" />
<input type="radio" value="male" name="gender" /> ذكر<br>
<input type="radio" value="female" name="gender" /> أنثى<br>
<input type="checkbox" value="Bike" /> لدي دراجة<br>
<input type="checkbox" value="Car" /> لدي سيارة
</form>
</body>
</html>اختبار لمعرفة ‹/›