شرح مفصل لسمات جديدة لنموذج HTML5

في H5 ، يمكن وضع النموذج في أي مكان على الصفحة ، ثم يتم تحديد سمة النموذج للعنصر.

 <form id = testform> <type type = text> </form> <textarea form = testForm> </swertarea>

في H4 ، شكل تقديم النماذج

 <form action = 1.jsp> </part>

إرسال النموذج بأكمله

في H5 ، يمكنك إضافة صفحة JSP المقدمة إلى كل سمة من سمة النموذج

 <form action = 1.jsp> <type type = إرسال الإجراء = 1-1.JSP> إرسال إلى 1 صفحة </form> <إدخال نوع = إرسال الإجراء = 1-2.jsp> إرسال إلى 2 صفحة </form> <نوع الإدخال = إرسال الإجراء = 1-3.jsp> أرسل إلى 3 صفحات </form> </form>

يمكنك تحديد طريقة تقديم كل عنصر من عناصر النموذج

 <form action = 1.jsp> <type type = إرسال الإجراء = 1-1.JSP FormMethod = post> إرسال إلى صفحة واحدة ، طريقة إرسال ما بعد </form> <type type = 1-2.jsp formmethod = get> إرسال إلى صفحتين ، احصل على طريقة التقديم </form> </form>

كما هو مذكور أعلاه ، الدور وكل عنصر ، الكود قليلاً

كما هو مذكور أعلاه ، الدور وكل عنصر ، الكود قليلاً

أضف سمة التركيز التلقائي إلى مربع النص ومربع التحديد والتحكم في الزر ، وسيتم الحصول على التركيز تلقائيًا عند فتح الشاشة.

 <نوع الإدخال = إجراء النص = 1-3.JSP Autofocus> أرسل إلى 3 صفحات </form>

لا يوجد سوى عنصر تحكم واحد على صفحة تحتوي على خاصية ضبط تلقائي للصورة ، والتي لا يمكن إساءة استخدامها

يمكن استخدامه في معظم عناصر الإدخال.

يمكن إضافة سمة labls إلى جميع عناصر النموذج ، قيمة السمة هي كائن nodelist ، والذي يمثل مجموعة من عناصر التسمية المرتبطة بالعنصر.

 <script type = text/javaScript> window.onload = function () {var text = document.getElementById ('text') ؛ ') ؛؛ function () {if (text.value.trim () label.settribute (for ، text) ؛ اللون: أحمر) ؛}} آخر إذا (text.labels.length> 1) form.removechild (text.labels [1]) ؛ نوع btn = قيمة زر = التحقق> </form>

عندما لا يدخل المستخدم أي قيمة ، فسيتم إضافة عنصر التسمية إلى مربع النص. لإدخال الاسم

يمكنك وضع عنصر وحدة الجدول داخل الملصق والوصول إلى عنصر الجدول من خلال خاصية التحكم في العلامة.

 <script type = text/javaScript> setValue () {console.log (1) ؛ <label id = label> zip code: <input id = txt_zip maxLength = 6> <small> الرجاء إدخال 6 أرقام </small> </billy> <type type = button = تعيين القيمة الافتراضية onCliclk = setValue ()> < < /form>

افتح الصفحة الموجودة في السائح ، انقر فوق تعيين زر القيمة الافتراضية ، وسيتم عرض 231456 في مربع النص.

أدخل معلومات المطالبة (رمادي) عندما يكون مربع النص في حالة الاختيار

 <نوع الإدخال = نص النص = hahah>

جنبا إلى جنب مع عنصر Datalist الجديد في H5 ، مربع موجه الإنتاج

 النص: <نوع الإدخال = اسم النص = قائمة التحية =!-استخدم النمط = Display: None ؛ الأشخاص </option> <value Option = أنت خنزير> أنت خنزير </option> <قيمة الخيار = أنت كلب> أنت كلب </option> </taalist>

عندما تدخلك في مربع النص ، سيكون هناك ثلاثة أعمدة أدناه لتذكيرك بأنك أشخاص ، أنت خنزير ، أنت كلب.

الإكمال التلقائي له ثلاثة ، خارج ، (غير محدد). عند تحديد ، استخدم القيمة الافتراضية للسائح. طريقة الاستخدام على النحو التالي

 <نوع الإدخال = اسم النص = قائمة المعايدة = التحية التلقائية = ON>

عندما تقوم بإدخال مربع النص إذا كنت شخصًا انقر فوق الإرسال ، فأعود إلى الصفحة السابقة ، ثم أدخلني في مربع النص ، وسوف تطالبني بأن أكون شخصًا.

إنها تعادل ما إذا كانت قيمة إدخال حكم التعبير العادي في جزء HTML تلبي المتطلبات.

الرجاء إدخال المحتوى: <إدخال نوع = نص text = [0-9] [az] {3}>

يتطلب هذا الجزء من الكود إدخال ثلاثة أحرف رأس مال رقمية.

بالنسبة للعناصر النصية والنص للإدخال ، عندما يحدد المستخدم جزءًا من النص في هذين العنصرين ، يمكنك استخدام العنصر للحصول على اتجاه الاختيار.

 <نوع البرنامج النصي = text/javaScript> ALERTSELECTIONDIRECTION اسم النص = text> <type type = button value = تذكرني onClick = ALERTSELECTIONDIRECTION ()> </form>

بالنسبة لخانة الاختيار ، في الماضي ، لا يمكن استخدام سمة الفهرس في HTML5 فقط.

 <script> var cb = document.getElementByid (CB) ؛

• الارتفاع: حدد ارتفاع الصورة في زر الصورة ؛
• العرض: حدد عرض الصورة في زر الصورة ؛

 <نوع الإدخال = الصورة src = img/2.png عرض = 23 الارتفاع = 23>

• MaxLength: إعداد باستخدام قيمة عدد صحيح للحد من عدد النص الذي يمكن إدخاله في عنصر Textarea.
• التفاف: يمكنك تحديد قيمة السمة إلى Soft and Hard .

ما سبق هو كل محتويات هذه المقالة.