خصائص <input> placeholder في HTML
التعريف والاستخدام
placeholder تحدد الخاصية تحذيرًا قصيرًا يصف القيمة المتوقعة للحقل الإدخالي (مثل القيمة المثالية أو وصفًا مختصرًا للتنسيق المتوقع).
سيتم عرض هذا التحذير عند ترك حقل الإدخال فارغًا، وسيتلاشى عند حصول الحقل على التركيز.
ملاحظة:placeholder خصائص تنطبق على أنواع الإدخال التالية:
- text
- البحث
- عنوان URL
- رقم الهاتف
- البريد الإلكتروني
- كلمة المرور
مثال
بقلم المثبت النصي التوضيحي للهاتف
<form action="/action_page.php">
<label for="phone">الرجاء إدخال رقم الهاتف:</label><br><br>
<input type="tel" id="phone" name="phone" placeholder="138-8888-8888"
pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}"><br><br>
<small>التنسيق: 138-8888-8888</small><br><br>
<input type="submit">
</form>
القواعد
<input placeholder="text">
قيمة الخاصية
| القيمة | الوصف |
|---|---|
| text | يحدد النصوص القصيرة التي تنتظرها الحقل المدخل. |
دعم المتصفح
رقم في الجدول يشير إلى إصدار متصفح يدعم الخاصية بشكل كامل.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
التعليق:placeholder الخصائص هي خصائص جديدة في HTML5.
