سؤال

لم أتمكن من العثور على أي وثائق أو تقارير أخرى حول هذا من خلال Google.

على Safari المتنقل (في IOS6+7 على الأقل) لدي نموذج يحتوي على عدة <input>S مع النوع = "النص". هناك اثنين من هذه الحقول مخصصة لعنوان البريد الإلكتروني للمستخدم ورقم الهاتف ويتم تصنيفها بشكل مناسب. بقدر ما أستطيع أن أقول أن Safari Mobile يغير هؤلاء <input>S لمنحهم سمة "النوع" التي تعتبرها مناسبة للتسمية - على سبيل المثال ، يتم إعطاء حقل البريد الإلكتروني النوع = "البريد الإلكتروني" ، ويتم إعطاء حقل رقم الهاتف = "الرقم" (الغريب ، وليس النوع = "Tel "). بالنسبة لحقل البريد الإلكتروني ، لا يشكل هذا أي مشاكل ، لكن حقل رقم الهاتف يفشل في تقديم القيمة الافتراضية لأنه ليس بالتنسيق الصحيح لحقل "الرقم" (يتم عرض الرقم مع المسافات). حتى الآن لم أجد أي جافا سكريبت قد تسبب ذلك.

يمكنني أن أفهم هذا يحدث عندما يتم حذف سمة "النوع" تمامًا ، لكنني تحقق من أن هذه الحقول تقدم بالتأكيد مع type = "text" وأكدت أن جميع متصفحات سطح المكتب الرئيسية تجعل الحقول بشكل صحيح. حتى أنني لا أعتقد أنها ستكون مشكلة إذا تم تغيير حقل الهاتف إلى type = "هاتف" لأنني لا أعتقد أن هذا النوع لديه أي قيود على التنسيق.

أنا أختبر على iOS من خلال محاكاة iOS الخاصة بـ Xcode مقترنة بمفتش الويب الخاص بـ Safari. إليك لقطة شاشة للحقل مع تسمية "الهاتف المحمول" في مفتش الويب:

Phone field in Safari web inspector

ولإشارة ، إليك كيفية تقديم هذا الحقل (لاحظ أنه لا يتم تقديم أي قيمة):

enter image description here

هل تعرض اي احد اخر لهذا؟

تحديث: هذا jsfiddle يعمل بشكل جيد في iOS مما يشير إلى أنه يمكن أن يكون مشكلة JavaScript بدلاً من WebKit ، على الرغم من أنني لم أتمكن حتى الآن من اكتشاف أي JavaScript التي يمكن أن تسبب ذلك.

هل كانت مفيدة؟

المحلول

هل تستخدم أي رمز JavaScript جنبًا إلى جنب مع HTML الخاص بك ، يمكن لأشياء مثل jQuery/JQuery UI تحديث الحقول عند ضبطها كنوع محدد. هل حاولت تعطيل JavaScript في عرض/متصفح الويب الخاص بك للتحقق؟

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top