مقالة مقدمة من wulin.com (www.vevb.com): في HTML5 ، يتم امتصاص معيار الويب 2.0 ، ويتم تعزيز وظائف عناصر النماذج بشكل كبير ، مما يجعل تطوير النماذج أسرع وأكثر ملاءمة.
في HTML5 ، يتم امتصاص معيار الويب 2.0 ، ويتم تعزيز وظائف عناصر النماذج بشكل كبير ، مما يجعل تطوير النماذج أسرع وأكثر ملاءمة.
1. السمةفي HTML5 ، يمكنك كتابة عنصر Slave Form في أي مكان على الصفحة ، ثم تحديد سمة نموذج للعنصر ، وقيمة السمة هي معرف النموذج ، بحيث يمكن إعلان العنصر أنه ينتمي إلى النموذج المحدد.
<form id = test> <input type = text> </form> <textarea form = test> </textarea> 2.FormAction الخاصيةفي HTML5 ، يمكنك إضافة سمات تنسيق مختلفة إلى جميع أزرار إرسال ، وانقر فوق أزرار مختلفة ، وإرسال نماذج مختلفة إلى صفحات مختلفة.
أقلفي HTML5 ، يمكنك استخدام سمة التكوين لتحديد صفحة إرسال مختلفة لكل عنصر نموذج ، ويمكنك أيضًا استخدام سمة FormThod لتحديد طريقة إرسال مختلفة لكل عنصر نموذج.
<type type = إرسال التنسيق = a.php formmethod = post> <type type = إرسال التنسيق = a.php formmethod = get> 4. placeholderيشير العنصر النائب إلى تقليل عتامة الرسالة النصية عندما يكون مربع النص في حالة غير متجانسة ولا يتم الحصول على تركيز المؤشر. على سبيل المثال ، تأثير مربع البحث قاعدة شبكة الموقع هذا.
<type type = text leacholder = انقر هنا للبحث> 5.Autofocus السمةاكتساب تركيز المؤشر تلقائيًا لمربع النص أو مربع التحديد أو التحكم في الزر.
<نوع الإدخال = Text Autofocus> 6. STERTIUNTفي HTML5 ، أضف سمة قائمة إلى مربع نص سطر واحد ، وقيمة السمة هي معرف عنصر Datalist. يشبه عنصر طبيب البيانات مربع التحديد. لا يتم عرض العنصر نفسه ، ولكن يتم عرضه في إدخال موجه عندما يتم التركيز على مربع النص.
<type type = text list = webjxcom> <datalist id = webjxcom style = display: none ؛> <bort> html </potion> <borting> css </point> <borting> javaScript </potion> </datalist>لتجنب العرض بشكل غير صحيح في المتصفحات التي لا تدعم هذا العنصر ، قم بتعيينه لعدم عرضه باستخدام CSS ، إلخ.
7.AuotComplete سمةتعمل وظيفة الإكمال التلقائي المستخدمة في الإدخال الإضافي على توفير وقت الإدخال وهي أيضًا وظيفة مريحة للغاية. بالنسبة لسمة AuotComplete ، يمكنك تحديد ثلاث قيم: ON ، OFF ، و (لا تحدد).
<نوع الإدخال = النص الإكمال التلقائي = في القائمة = webjxcom>