في H5 ، يمكن وضع النموذج في أي مكان على الصفحة ، ثم يتم تحديد سمة النموذج للعنصر.
<form id = testform> <type type = text> </form> <textarea form = testForm> </swertarea>2. خاصية تكوين العنصر في الجدول
في 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>3. خاصية FormMethod في الجدول
يمكنك تحديد طريقة تقديم كل عنصر من عناصر النموذج
<form action = 1.jsp> <type type = إرسال الإجراء = 1-1.JSP FormMethod = post> إرسال إلى صفحة واحدة ، طريقة إرسال ما بعد </form> <type type = 1-2.jsp formmethod = get> إرسال إلى صفحتين ، احصل على طريقة التقديم </form> </form>4. سمة formenctype في الجدول
كما هو مذكور أعلاه ، الدور وكل عنصر ، الكود قليلاً
5. سمة النموذج من النموذجكما هو مذكور أعلاه ، الدور وكل عنصر ، الكود قليلاً
6. سمة ضبط تلقائي للصورة للعنصرأضف سمة التركيز التلقائي إلى مربع النص ومربع التحديد والتحكم في الزر ، وسيتم الحصول على التركيز تلقائيًا عند فتح الشاشة.
<نوع الإدخال = إجراء النص = 1-3.JSP Autofocus> أرسل إلى 3 صفحات </form>
لا يوجد سوى عنصر تحكم واحد على صفحة تحتوي على خاصية ضبط تلقائي للصورة ، والتي لا يمكن إساءة استخدامها
7. السمة المطلوبةيمكن استخدامه في معظم عناصر الإدخال.
8. تسميات السمةيمكن إضافة سمة 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>عندما لا يدخل المستخدم أي قيمة ، فسيتم إضافة عنصر التسمية إلى مربع النص. لإدخال الاسم
9. سمة التحكم في الملصقيمكنك وضع عنصر وحدة الجدول داخل الملصق والوصول إلى عنصر الجدول من خلال خاصية التحكم في العلامة.
<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 في مربع النص.
10. سمة العنصر النائب في مربع النصأدخل معلومات المطالبة (رمادي) عندما يكون مربع النص في حالة الاختيار
<نوع الإدخال = نص النص = hahah>11. سمة قائمة مربع النص
جنبا إلى جنب مع عنصر Datalist الجديد في H5 ، مربع موجه الإنتاج
النص: <نوع الإدخال = اسم النص = قائمة التحية =!-استخدم النمط = Display: None ؛ الأشخاص </option> <value Option = أنت خنزير> أنت خنزير </option> <قيمة الخيار = أنت كلب> أنت كلب </option> </taalist>
عندما تدخلك في مربع النص ، سيكون هناك ثلاثة أعمدة أدناه لتذكيرك بأنك أشخاص ، أنت خنزير ، أنت كلب.
12. سمة الإكمال التلقائي في مربع النصالإكمال التلقائي له ثلاثة ، خارج ، (غير محدد). عند تحديد ، استخدم القيمة الافتراضية للسائح. طريقة الاستخدام على النحو التالي
<نوع الإدخال = اسم النص = قائمة المعايدة = التحية التلقائية = ON>
عندما تقوم بإدخال مربع النص إذا كنت شخصًا انقر فوق الإرسال ، فأعود إلى الصفحة السابقة ، ثم أدخلني في مربع النص ، وسوف تطالبني بأن أكون شخصًا.
13. سمة نمط مربع النصإنها تعادل ما إذا كانت قيمة إدخال حكم التعبير العادي في جزء HTML تلبي المتطلبات.
الرجاء إدخال المحتوى: <إدخال نوع = نص text = [0-9] [az] {3}>
يتطلب هذا الجزء من الكود إدخال ثلاثة أحرف رأس مال رقمية.
14. سمة تحديد الاتجاه في مربع النصبالنسبة للعناصر النصية والنص للإدخال ، عندما يحدد المستخدم جزءًا من النص في هذين العنصرين ، يمكنك استخدام العنصر للحصول على اتجاه الاختيار.
<نوع البرنامج النصي = text/javaScript> ALERTSELECTIONDIRECTION اسم النص = text> <type type = button value = تذكرني onClick = ALERTSELECTIONDIRECTION ()> </form>15. خاصية غير محددة
بالنسبة لخانة الاختيار ، في الماضي ، لا يمكن استخدام سمة الفهرس في HTML5 فقط.
<script> var cb = document.getElementByid (CB) ؛16. سمات الارتفاع وسمات العرض لزر إرسال الصورة
<نوع الإدخال = الصورة src = img/2.png عرض = 23 الارتفاع = 23>17.
ما سبق هو كل محتويات هذه المقالة.