شرح صفوف ومحتوى الفقرة
ترسم المتصفحات عناصر <input> و<textarea> و<select> و<button> افتراضياً بأنماط نظام التشغيل القديمة، ولذلك لا ترث نوع الخط العربي أو حجمه المحدد على وسم body! كما يؤدي منح الحقل عرضاً كاملاً width: 100% مع حشوة وإطار دون توحيد تحجيم الصندوق إلى خروجه عن حدود البطاقة.
لذلك يبدأ تنسيق النماذج الاحترافية دائماً بقاعدة التوحيد input, select, textarea, button { font: inherit; } مع box-sizing: border-box وعرض متجاوب width: 100% وارتفاع نقر مريح لا يقل عن 44px على الشاشات اللمسية.
