هل من الطبيعي أن يظهر وسم الinput من نوع date بهذا الشكل علي شاشات الهواتف؟

هل من الطبيعي أن يظهر وسم الinput من نوع date بهذا الشكل علي شاشات الهواتف؟

الصورة الأولي علي الحاسوب والثانية علي الهاتف

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

هذه خاصية في البرمجة، من خلالها يقوم المبرمج بكتابة نص توضيحي على ال input حتى تستطيع ادخال البيانات بشكل صحيح.

ففي الصورة الموضحة وضع المبرمج فورمات التاريخ الذي يجب على المستخدم ادخاله وهو mm/dd/yyy

أي يريد من المستخدم ادخال التاريخ بحيث يكون الشهر ثم اليوم ثم السنة.

ويمكن كتابته داخل تاج ال input هكذا

<input type="text" placeholder="mm/dd/yyyy">

أنا لم أكتب شيئا هذا يظهر بشكل افتراضي في حالة كان type=date

ولكن السؤال لماذا لا يظهر علي شاشة الهاتف؟

tjabari أضف ردا

هل أنت مستخدم للموقع أم مبرمج، وتحتاج إلى إظهار هذه الميزة في الهاتف.

ولكن على كل حال تستطيع فتح الموقع من خلال المتصفح على الهاتف لمعرفة هل يظهر أم لا.

مبرمج

لا يظهر هلي الهاتف

هل على المتصفح في الهاتف يظهر نفس الشيء.

حاول فتح الشاشة من خلال متصفح كروم على الهاتف.

شكرا لك

العفو

هل يمكنك إرفاق الشيفرة البرمجية الخاصة في input وأيضاً تنسيقات css بحيث يبدو أن من يتسبب في ظهوره بهذا الشكل ربما تكون تنسيقات css ، بحيث أنه يجب أن يظهر بشكله الإفتراضي في كل الشاشات .

شكرا لك يبدو أنهما نفس الأمر

لا تقلق؛ فكلاهما واحد، ولكن الفرق الوحيد في البرمجة؛ فربما أراد المُبرمج تسهيل إدخال البيانات على الهاتف أو ربما كان هدفه التنويع.

ولو كنت أنت المُبرمج فحاول أن تُغير الوضع الافتراضي default وتكتب أنت كود البرمجة بنفسك؛ فربما المشكلة بأكملها تكمن في أن وضع الdefault مُفعّل.

شكرا لك

يعتمد الأمر كثيراً على نوع المتصفح الذي تستعمله وإصداره وبالتأكيد النظام التشغيلي الذي تعمل عليه. أنت لم تحدد هل تظهر المشكلة على ios أم android وماهي المتصفحات التي قمت بتجربة التطبيق عليها.

بصورة عامة يمكنك تجربة تجاهل الشكل الإفتراضي للعنصر المستهدف من خلال css وتستطيع وضع التنسيق المناسب للشكل الذي تريد الوصول له.

input[type=date]{
   -webkit-appearance: none;
   ...
}