مقالة مقدمة من wulin.com (www.vevb.com): HTML5 الممارسة اليومية للسمات الجديدة للنموذج.
تمت إضافة العديد من العلامات الجديدة والسمات الوظيفية إلى HTML5. اليوم سوف ننظر إلى طريقة الاستخدام الجديدة لنموذج النموذج في HTML5. إذن ما هو الفرق بين هذه الوظيفة المضافة حديثًا في HTML5 والوظائف التي استخدمناها من قبل؟ دعونا نلقي نظرة على بعض المشاهد أدناه ، ستفهم ~
إذا احتجنا إلى إرسال عناصر نموذج مختلفة في الصفحة ، ويتم توزيع عناصر النماذج هذه في مواقع مختلفة في HTML ، فإن النموذج يمكن أن يحتوي فقط على جميع علامات النماذج.
الطريقة القديمة:
<form id = form1 action =>
<معرف الإدخال = اسم المستخدم = نوع المستخدم = text/>
<INPUT ID = userPWD name = userpwd type = password/>
<معرف الإدخال = اسم الاستخدام = نوع الاستخدام = text/>
<نوع الإدخال = إرسال قيمة = إرسال/
</form>
ولكن ما الذي يجب أن أفعله إذا كان هذا النموذج يحتوي على بعض العناصر (مثل الاستخدام) التي لا تحتاج إلى تقديمها في هذا؟ يبدو أنه لا يمكنك إرساله إلا ، بحيث لا يقبل مبرمج الخلفية هذه المعلمة أو يستخدم JS لوضع جميع المحتويات التي تحتاج إلى إرسالها في هذا النموذج في المنطقة المخفية المخفية ، ثم إرسالها. يمكنك تعديله إلى ما يلي
تحسن:
<form id = form1 action =>
<input id = hd_username name = type type = hidden/>
<input id = hd_userpwd name = userpwd type = hidden/>
</form>
<معرف الإدخال = اسم المستخدم = نوع المستخدم = text/>
<INPUT ID = userPWD name = userpwd type = password/>
<معرف الإدخال = اسم الاستخدام = نوع الاستخدام = text/>
<نوع الإدخال = إرسال قيمة = إرسال/
حسنًا ، من الجيد حلها على هذا النحو ويمكن أن تلبي متطلباتنا ، ولكن هناك الكثير من JS ، التي تضيع موارد الشبكة وحزم طلب HTTP ، وتزيد من حجم المشروع ، وهو أمر مزعج نسبيًا للحفاظ عليه.
طريقة HTML5:
<form id = form1 action =>
<نوع الإدخال = إرسال قيمة = إرسال/
</form>
<معرف الإدخال = اسم المستخدم = اسم المستخدم لـ = form1 type = text/>
<INPUT ID = userPWD name = userPWD for = form1 type = password/>
<معرف الإدخال = اسم الاستخدام = نوع الاستخدام = text/>
السمة من أجل هنا = معرف النموذج ، بحيث يكون من الواضح النموذج الذي تنتمي إليه هذه العناصر. يمكنك فهم هذا من أجل السمة كما السمة في التسمية ، ولكن في هذه الحالة في HTML5 ، فإنه ينتمي إلى عنصر FOME1. الآن بالنظر إلى الكود ، فهو أكثر نظافة وملفات المشروع ليست كبيرة ، مما يجعل من السهل الحفاظ عليها.
إذا كنت لا تفهم ، فيمكنك ترك رسالة مباشرة وسأرد على الجميع في أقرب وقت ممكن.
إذا فهمت هذا ، فيمكنك ممارسةه بنفسك ونشره لمساعدة الجميع على إحراز تقدم معًا!