عند صنع نموذج ، من المحتم أن تقوم بالتحقق من النموذج. من الضروري أيضًا توفير أنماط حالة التحقق ، كما يتم توفير هذه التأثيرات في إطار Bootstrap.
1. has-warning: حالة التحذير (أصفر)
2. هاسرر: حالة الخطأ (أحمر)
3.
عند استخدامه ، تحتاج فقط إلى إضافة اسم فئة الحالة المقابلة لحاوية مجموعة النماذج.
<form rom = "form"> <viv> <label for = "inputsuccess1"> حالة النجاح </label> <input type = "text" id = "inputsuccess1" placeholder = "success status"> </viv> <div> <blish for = "inputwarning1> warning status </label> لـ = "inputError1"> حالة الخطأ </label> <input type = "text" id = "inputError1" placeholder = "error status"> </viv> </pump>
تأثير التشغيل كما يلي أو عرض نافذة النتيجة على اليمين:
في كثير من الأحيان ، عند التحقق من النموذج ، ستوفر حالات مختلفة أيقونات مختلفة ، مثل النجاح هي علامة فحص (√) ، والخطأ هو علامة متقاطعة (×) ، وما إلى ذلك. يتم توفير هذا التأثير أيضًا في مربع bootstrap. إذا كنت تريد أن يعرض النموذج أيقونة في الحالة المقابلة ، فأنت بحاجة فقط إلى إضافة اسم الفصل "HAD-Feedback" في الحالة المقابلة. لاحظ أن مثل هذه الأسماء يجب أن تكون مع "Has-error" و "Has-Warning" و "Has-Success":
<form rob or = "form"> <viv> <label for = "inputsuccess1"> حالة النجاح </label> <input type = "text" id = "inputsuccess1" placeholder = "success status"> <span> </span> </siv> <div> <div> <liber for = الحالة "> <span> </span> </viv> <viv> <label for =" inputError1 "> حالة الخطأ </label> <input type =" text "id =" inputError1 "placeholder =" error status "> <span> </file> </fiv> </form>
تأثير التشغيل كما يلي أو عرض نافذة النتيجة على اليمين:
كما يتضح من العروض ، فإن الرموز على اليمين. يتم إنشاء كل الرموز الصغيرة في Bootstrap باستخدام @font-face (سيتم تقديم قسم في المحتوى التالي). ويجب عليك إضافة عنصر تمتد إلى النموذج:
<span> </span>
ما سبق هو حالة التحكم في النموذج (حالة التحقق) في Bootstrap التي قدمها لك المحرر. آمل أن يكون ذلك مفيدًا لك. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر إليك في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!