في HTML5 ، أثناء إضافة عدد كبير من عناصر النماذج والسمات ، فإنه يضيف أيضًا عددًا كبيرًا من الوظائف للتحقق من التحقق من صحة المحتوى من عناصر جديدة في النموذج أثناء التقديم.
في HTML5 ، يمكن تنفيذ طريقة استخدام العنصر من خلال وظيفة التحقق التلقائي أثناء تنفيذ النموذج.
<! > <نوع الإدخال = اسم النص = النص المطلوب نمط =^/w.*$> <إدخال نوع = إرسال القيمة = إرسال> </form> </body> </html>
بعد ذلك ، دعنا نلقي نظرة على مواصفات السمات التي تحد من محتوى محتوى الإدخال في HTML5 في HTML5.
1. السمة المطلوبة
يمكن تطبيق السمة الأحدث في HTML5 على معظم عناصر الإدخال (باستثناء العناصر المخفية ، أزرار عنصر الصورة). عند التقديم ، إذا كان المحتوى الموجود في العنصر فارغًا. إذا لم يُسمح لك بإرسالك ، يتم عرض نص مطالبة المعلومات في المتصفح ، مما يدفع المستخدم إلى إدخال المحتوى في هذا العنصر ، كما هو موضح في الشكل
2. سمة نمط
تتطلب عناصر الإدخال المضافة حديثًا المذكورة سابقًا ، مثل البريد الإلكتروني ، والرقم ، وعنوان URL ، وما إلى ذلك ، محتوى الإدخال لتلبية تنسيق معين ، واستخدام سمات النمط لعناصر الإدخال ، وتعيين قيمة السمة على تعبير منتظم عن تنسيق معين. عند إرسال سوف تحقق ما إذا كان المحتوى يتماشى مع التنسيق. عندما لا يفي محتوى الإدخال بالتنسيق ، لا يُسمح بالتقديم
<! تحديد المحتوى: <inputive pattern = [0-9] [az] {3} name = part placeholder = input: عدد من الأرقام ثلاثة أحرف رأس المال> <نوع الإدخال = إرسال القيمة = إرسال> </form> </body> </html>تأثير التنفيذ على النحو التالي:
3.Min Property و MAX SETRIUNT
إن السماتين من Min و Max هي السمات الخاصة لعنصر الإدخال في التاريخ أو النوع العددي.
<! القيمة: <type type = number = point min = 0 max = 100/> <type type = إرسال القيمة = إرسال> </form> </body> </html>
تأثير التنفيذ على النحو التالي:
4. سمة الحافز
تتحكم سمة الخطوة في القيمة في عنصر الإدخال لزيادة الخطوات عند انخفاضها. على سبيل المثال ، عندما تريد أن تدخل قيمة المستخدم بين 0 و 100 ، ولكن عندما يجب أن تكون مضاعفة 5 ، يمكنك تحديد أن الخطوة هي 5 ، والرمز كما يلي:
<! > <prope> type = number name = point step = 5/> <type type = submit/> </body> </html>
التأثير على النحو التالي:
آمل أنه بالنسبة للسمات الجديدة لهذه الأشكال ، يمكنك أن يكون لديك فهم أعمق! إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي ، سوف يرد Xiaobian على الجميع في الوقت المناسب. شكرا جزيلا لدعمكم لموقع VEVB Wulin!