اذهب إلى المحتوى

السؤال

نشر (معدل)

هل يمكنني تحديد الinput  المراد تحديده للتعديل عليه في css بواسطة "type="password فقط

ام يمكنني تحديده بأي صفة اخرى 

لأنني وجدت المدرب في الدولة يقوم بتحديد المراد بواسطة type فقط

 

 

input determination Why password.png

Why password attribute 2.png

تم التعديل في بواسطة Mustafa Suleiman
تعديل عنوان السؤال

Recommended Posts

  • 0
نشر

يمكنك تحديد أي خاصية، حيث أن الشكل العام لهذه الطريقة هو:

[attribute="value"]

أيضاً يمكنك تطبيق عمليات أخرى غير المساواة، مثلاً الاحتواء، أي تكون الخاصية تحتوي ما نريد و ليس تماماً ما نريد، يمكن تطبيق ذلك كما يلي:

[attribute~="value"]

 

  • 0
نشر

إذا كان سؤالك يتعلق بأحد الدورات فأرجو التعليق أسفل فيديو الدورة المتعلق بالسؤال وطرح الأسئلة العامة هنا في قسم أسئلة البرمجة.

وبخصوص سؤالك، فتستطيع تحديد العناصر <input> في CSS باستخدام العديد من الخصائص المختلفة بالإضافة إلى type.

فالتحديد بواسطة type="password" يعني أنك تستهدف الحقول ذات النوع "password" فقط، وأيضًا بإمكانك استهداف العناصر <input> باستخدام أي صفة أخرى متوفرة في HTML.

مثال على ذلك، استهداف الحقول التي تحتوي على صفة required بالشكل التالي:

input[required] {
  border-color: red;
}

وهناك العديد من الصفات المختلفة التي يمكن استخدامها لتحديد العناصر <input>، مثل id و class و name وغيرها، وباستطاعتك استخدام هذه الصفات بدلاً من type لتحديد العناصر بطرق مختلفة.

مثلاً، استهداف الحقول ذات الـ id المحدد بالشكل التالي:

input#myInput {
  background-color: yellow;
}

أو يمكنك استهداف الحقول ذات الـ class المحددة بالشكل التالي:

input.myClass {
  font-weight: bold;
}

أي تستطيع تحديد العناصر <input> بواسطة العديد من الصفات المختلفة وليس فقط type.

وأنصحك بقراءة التالي:

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...