HTML5 مخصص Form_Motor Node Java College الانتهاء

هناك مجموعة متنوعة من مربعات الإدخال والأزرار في HTML5. والسمات.

النوع هو نص مفاده أن عنصر الإدخال عبارة عن مربع نص خط واحد ، وهو المظهر الافتراضي لعنصر الإدخال. يدعم مربع إدخال النص الفردي لإعدادات السمة التالية.

تقوم سمة MaxLength بتعيين الحد الأقصى لعدد الأحرف التي يمكن للمستخدمين إدخالها ؛

 <method method = post Action = http: // titan: 8080/form> <p> <label for = name> name: <input maxlenth = 10 id = name name = name/> </p> </p> p > <label for = city> city: <input size = 10 id = city name = city/> </p> <p> <label for = fave> fruit: <input size = 10 maxlenth = 10 10 10 id = fave name = FAVE/> </balber> </p> <button type = submit> إرسال تصويت </button> </poth>

يمكن أن تحدد سمات القيمة قيمة افتراضية لمربع الإدخال ؛

 <method method = post action = http: // titan: 8080/form> <p> <label for = name> name: <input placeholder = your name id = name name/> </p> <p> <p> <label for = city> city: <input placeholder = where you live id = city name = city/> </p> <p> <label for = fave> fave> <input > </billy> </p> <button type = submit> إرسال تصويت </button> </poth>

التأثير في الكروم كما يلي:

عند إعادة تعيين النموذج باستخدام عنصر الزر ، سيقوم المتصفح بإعادة مطالبات تحديد المواقع والقيم الافتراضية في مربع النص.

يمكن تعيين سمة القائمة على قيمة سمة المعرف لعنصر عازف البيانات بحيث يمكن للمستخدم الاختيار في قائمة محددة بواسطة عنصر Datalist. تتم إضافة عنصر Datalist حديثًا في HTML5 لتوفير مجموعة من القيمة لمساعدة المستخدمين على إدخال البيانات المطلوبة.

 <method method = post action = http: // titan: 8080/form> <p> <label for = name> name: <input placeholder = your name id = name name/> </p> <p> <p> <label for = city> city: <input placeholder = where you live id = city name = city/> </p> <p> <label for = fave> st id = fave name = fave/> </billy> < /p> <button type = submit> إرسال تصويت </button> </form> <datalist id = fruitlist> <orte stale = apples label = leight قيمة الخيار = cherries/> </datalist>

يمثل كل خيار في عنصر Datalist قيمة يمكن تحديدها من قبل المستخدم.

تشير السمة Readonly إلى أن مربع النص تتم قراءة فقط ، تشير السمة المعوقة إلى أنه لا يمكن تحريرها ، وهناك اختلافات في أداء المظهر.

 <method method = post action = http: // titan: 8080/form> <p> <label for = name> name: <input value = adament id = name name/> </p> <p> <p> <label for = city> city: <input value = boston readonly id = city name = city/> </p> <p> <label for = fave> fruit: <input value = apple id = fave name = fave/> </billy> </p> <button type = submit> إرسال تصويت </button> </form>

التأثير في الكروم كما يلي:

تم تعيين النموذج مع الخاصية المعوقة على الرمادي. المربع ، لكنه لا يؤثر على تأثير المظهر ، وسيتم إرسال المحتوى إلى الخادم.

يتم استخدام كلمة المرور عن عنصر الإدخال من سمة النوع لإدخال كلمة المرور. يدعم عنصر الإدخال في هذه السمة السمات التالية:

1) MaxLength: الحد الأقصى لعدد الأحرف التي يمكن للمستخدمين إدخالها في مربع كلمة المرور ؛

2) النمط: يستخدم لدخول التعبير المنتظم عن التحقق ؛

3) العنصر الوطني: موجه على نوع البيانات المطلوب ؛

4) Readonly: اضبط مربع كلمة المرور على القراءة فقط ؛

5) مطلوب: يجب على المستخدم إدخال قيمة ، وإلا فإنه لا يمكن أن يمرر التحقق من الإدخال ؛

6) الحجم: اضبط عرضه من خلال عدد الأحرف المرئية في مربع كلمة المرور المحدد ؛

7) القيمة: تعيين قيمة كلمة المرور الأولية.

 <method method = post action = http: // titan: 8080/form> <p> <label for = name> name: <inputive value = Adam Adibled id = name name/> </p> <p> <label for = كلمة المرور> كلمة المرور: <type type = password placeholder = min 6 حرف = اسم كلمة المرور = كلمة المرور/</p> <p> <p> <blabe> الفاكهة: <إدخال قيمة = معرف التفاح = fave = fave/ </billy> </p> <button type = submit> إرسال تصويت </button> </form>

يتم عرض الأحرف التي أدخلها المستخدم على أنها*في مربع كلمة المرور ، ولكن تجدر الإشارة إلى أنه عند إرسال النموذج ، يتلقى الخادم كلمة مرور النص الواحد. فكر في استخدام SSL/HTTPS إلى المستعرض ومحتوى الاتصال بين الخادم.

تم تعيين خاصية Type على إرسال وإعادة ضبط وزر إنشاء زر مثل زر مثل الزر.

1) إرسال: قم بإنشاء الزر لتقديم النماذج ، وسمات الدعم: التكوين ، والتكوين ، و formmethod ، و formtarget ، و formnovalidate.

2) إعادة تعيين: إنشاء زر النموذج الثابت ؛

3) زر: إنشاء أزرار عادية دون أي عملية.

يتم تحديد نص الوصف للزر في 3 من خلال سمة القيمة.

 <method method = post action = http: // titan: 8080/form> <p> <label for = name> name: <inputive value = Adam Adibled id = name name/> </p> <p> <label for = كلمة المرور> كلمة المرور: <type type = password placeholder = min 6 حرف = اسم كلمة المرور = كلمة المرور/</p> <p> <p> <blabe> الفاكهة: <إدخال قيمة = معرف التفاح = fave = fave/ </label> </p> <type type = إرسال القيمة = إرسال التصويت/> <إدخال نوع = reset value = resype = b utton value = my button/> </form>

التأثير في الكروم كما يلي:

الفرق بين زر الإنشاء واستخدام عنصر الزر مع عنصر anpt هو أنه يمكن استخدام الأخير لعرض النص الذي يحتوي على النص. ومع ذلك ، نظرًا لأن كل متصفح لديه نفس طريقة المعالجة لعناصر الإدخال ، ولا يمكن لبعض المتصفحات القديمة (مثل IE6) التعامل بشكل صحيح مع عنصر الزر ، فإن العديد من مواقع الويب تميل إلى استخدام عناصر الإدخال.

عنصر الإدخال من سمة النوع يقبل فقط القيمة. تشمل سمات الدعم:

1) القائمة: حدد عنصر طبيب البيانات الذي يوفر القيمة الموصى به في مربع النص ، وقيمتها هي قيمة معرف عنصر Datalist ؛

2) دقيقة: تعيين الحد الأدنى للقيمة ؛

3) الحد الأقصى: اضبط القيمة القصوى ؛

4) Readonly: اقرأ فقط ؛

5) مطلوب: هذا يعني أنه يجب على المستخدم إدخال قيمة ؛

6) الخطوة: خطوة ضبط القيمة لأعلى ولأسفل ؛

7) القيمة: القيمة الأولية للعنصر المحدد.

 <method method = post action = http: // titan: 8080/form> <p> <label for = name> name: <inputive value = Adam Adibled id = name name/> </p> <p> <label for = كلمة المرور> كلمة المرور: <type type = password placeholder = min 6 حرف = اسم كلمة المرور = كلمة المرور/</p> <p> <p> <blabe> الفاكهة: <إدخال قيمة = معرف التفاح = fave = fave/ > </label> </p> <p> <label for = price> $ لكل وحدة في منطقتك: <نوع الإدخال = Number Step = 1 min = 0 max = 100 value = 1 id = price name = price/> </billy> </p> <type type = إرسال القيمة = إرسال التصويت/> </form>

التأثير في الكروم كما يلي:

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

 <method method = post action = http: // titan: 8080/form> <p> <label for = name> name: <inputive value = Adam Adibled id = name name/> </p> <p> <label for = كلمة المرور> كلمة المرور: <type type = password placeholder = min 6 حرف = اسم كلمة المرور = كلمة المرور/</p> <p> <p> <blabe> الفاكهة: <إدخال قيمة = معرف التفاح = fave = fave/ </label> </p> <p> <label for = price> $ لكل وحدة في منطقتك: 1 <إدخال نوع = خطوة المدى = 1 دقيقة = 0 max = 100 value = 1 id = name price = price/100 </billy> </p> <type type = إرسال القيمة = إرسال التصويت/> </form>

التأثير في الكروم كما يلي:

سمة النوع هي مربع الاختيار لتمثيل خانة الاختيار.

1) فحص: ما إذا كنت تختار افتراضيًا ؛

2) مطلوب: يشير إلى أنه يجب على المستخدم تحديد خانة الاختيار ؛

3) القيمة: قم بتعيين قيمة البيانات المقدمة إلى الخادم ، الافتراضي.

 <method method = post action = http: // titan: 8080/form> <p> <label for = name> name: <inputive value = Adam Adibled id = name name/> </p> <p> <label for = كلمة المرور> كلمة المرور: <type type = password placeholder = min 6 حرف = اسم كلمة المرور = كلمة المرور/</p> <p> <p> <blabe> الفاكهة: <إدخال قيمة = معرف التفاح = fave = fave/ </label> </p> <p> <label for = veggie> هل أنت نباتي: <إدخال نوع = مربع الاختيار = Veggie = Veggie/> Veg etarian </label> </p> <type type = إرسال value = إرسال التصويت/> </form>

التأثير في الكروم كما يلي:

لاحظ أنه عند استخدام مربع الاختيار ، يتم إرسال خانة الاختيار إلى الخادم فقط عند إرسال خانة الاختيار.

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

 <method method = post action = http: // titan: 8080/form> <p> <label for = name> name: <inputive value = Adam Adibled id = name name/> </p> <p> <label for = كلمة المرور> كلمة المرور: <type type = password placeholder = min 6 حرف = اسم كلمة المرور = كلمة المرور/> </p> <p> d> التصويت لصالح الفاكهة المفضلة لديك </legend Radio Check Value = apples id = apples name = fave/> Apples </billy> <label for = Orange> <input type = Radio value = Oranges ID = Orange Name = > <type type = radio value = cherries id = cherries name = fave/> </billy> </fieldset> </p> <type type = إرسال القيمة = إرسال التصويت/> </form>

التأثير في الكروم كما يلي:

اكتب قيمة البريد الإلكتروني ، TEL ، وعنوان URL مع عنوان البريد الإلكتروني ورقم الهاتف وعنوان URL ، على التوالي.

1) القائمة: حدد عنصر طبيب البيانات الذي يوفر القيمة الموصى به في مربع النص ، وقيمتها هي قيمة معرف عنصر Datalist ؛

2) MaxLength: الحد الأقصى لعدد أحرف الإدخال ؛

3) النمط: حدد التعبير العادي للتحقق من الإدخال ؛

4) العنصر المركز: حدد موجهًا على نوع البيانات المطلوب ؛

5) Readonly: اقرأ مربع النص وقراءة فقط ؛

6) مطلوب: يشير إلى أنه يجب على المستخدم إدخال قيمة ؛

7) الحجم: عدد الأحرف المرئية ؛

8) القيمة: القيمة الأولية للعنصر المحدد.

يدعم البريد الإلكتروني أيضًا سمات متعددة ، مما يشير إلى أنه يمكن قبول عناوين بريد إلكتروني متعددة.

 <method method = post action = http: // titan: 8080/form> <p> <label for = name> name: <inputive value = Adam Adibled id = name name/> </p> <p> <label for = كلمة المرور> كلمة المرور: <type type = password placeholder = min 6 حرف = اسم كلمة المرور = كلمة المرور/> </p> <p> <blabe = البريد الإلكتروني> البريد الإلكتروني: <إدخال نوع = البريد الإلكتروني [email protected] id = email name = email/> </p> <p> <p> <label for = tel> tel: <type type = tel placeholder = (xxx) -xxx- xxxx id = tel = tel/> </ label> </p> <p> <label for = url> الصفحة الرئيسية الخاصة بك: <type type = url id = url name = url/> </p> <type type = إرسال القيمة = إرسال التصويت/> </form>

التأثير في الكروم كما يلي:

تتم إضافة بعض أنواع تاريخ الإدخال والوقت إلى HTML5 ، بما في ذلك:

1) DateTime: احصل على تاريخ ووقت العالم ، بما في ذلك معلومات المنطقة الزمنية ؛

2) DateTime-Local: احصل على التاريخ والوقت المحليين ، لا يشمل معلومات المنطقة الزمنية ؛

3) التاريخ: احصل على التاريخ المحلي ، بدون معلومات المنطقة والوقت ؛

4) الشهر: احصل على المعلومات السنوية والشهرية ، بدون معلومات اليوم والوقت والمنطقة الزمنية ؛

5) الوقت: الحصول على الوقت ؛

6) الأسبوع: احصل على الأسبوع الحالي.

تتضمن السمات الإضافية التي يدعمها عنصر إدخال التاريخ والوقت:

1) القائمة: حدد عنصر طبيب البيانات الذي يوفر القيمة الموصى به في مربع النص ، وقيمتها هي قيمة معرف عنصر Datalist ؛

2) دقيقة: تعيين الحد الأدنى للقيمة ؛

3) الحد الأقصى: اضبط القيمة القصوى ؛

4) Readonly: اقرأ فقط ؛

5) مطلوب: يجب على المستخدم إدخال قيمة ، وإلا فإنه لا يمكن أن يمرر التحقق من الإدخال ؛

6) الخطوة: خطوة ضبط القيمة لأعلى ولأسفل ؛

7) القيمة: القيمة الأولية للعنصر المحدد.

 <method method = post action = http: // titan: 8080/form> <p> <label for = name> name: <inputive value = Adam Adibled id = name name/> </p> <p> <label for = كلمة المرور> كلمة المرور: <type type = password placeholder = min 6 حرف = اسم كلمة المرور = كلمة المرور/</p> <p> <p> <blabe> الفاكهة: <إدخال قيمة = معرف التفاح = fave = fave/ > </billy> </p> <p> <label for = lastbuy> القيمة = إرسال التصويت/> </form>

التأثير في الكروم كما يلي:

في الوقت الحاضر ، لا يتم دعم مربع إدخال التاريخ والوقت بشكل جيد في معظم المتصفحات.

سمة النوع هي اختيار اللون ، ويتم تمثيل قيمة اللون بتنسيق 7 أحرف: بدءًا من#، والثلاثين التاليين المتقدمين الستة عشر ، والتي تمثل قيم الألوان الأساسية الثلاثة للأحمر والأخضر والأزرق ، مثل قيمة الأحمر والأخضر والأزرق ، مثل قيم الألوان الأساسية الثلاثة للأحمر والأخضر والأزرق ، مثل #FF1234.

 <method method = post action = http: // titan: 8080/form> <p> <label for = name> name: <inputive value = Adam Adibled id = name name/> </p> <p> <label for = كلمة المرور> كلمة المرور: <type type = password placeholder = min 6 حرف = اسم كلمة المرور = كلمة المرور/</p> <p> <p> <blabe> الفاكهة: <إدخال قيمة = معرف التفاح = fave = fave/ </billy> </p> <p> <label for = color> color: <input type = color name = color/> </p> </p. /شكل>

التأثير في الكروم كما يلي:

لاحظ أن معظم المتصفحات لم تقدم دعمًا خاصًا لعنصر الإدخال هذا.

يمكن استخدام عنصر الإدخال من النوع المخفي لإخفاء عنصر بيانات وإرساله إلى الخادم عند إرسال النموذج (عادة لاستخدام هذه الوظيفة).

 <method method = post action = http: // titan: 8080/form> <type type = hidden name = recordId value = 1234/<p> = name/> </sable> </p> <p> <label for = password> كلمة المرور: <إدخال نوع = password placeholder = min 6 charals id = password/> </lab el> </p> < p> <p> <label for = fave> fruit: <input value = apples id = fave name = fave/> </p> </p> <type type = إرسال القيمة = إرسال التصويت/> </form>

يتم عرض الزر الذي تم إنشاؤه بواسطة عنصر إدخال نوع الصورة كرمز ، ويتم تقديم النموذج بعد النقر. تشمل سمات الدعم:

1) ALT: توفير نص شرح العنصر ، وهو أمر مفيد للمستخدمين الذين يحتاجون إلى استخدام تقنية المساعدة المعوقة ؛

2) تكوين: نفس عنصر الزر ؛

3) formeenctype: نفس عنصر الزر ؛

4) FormMethod: نفس عنصر الزر ؛

5) FormTarget: نفس عنصر الزر ؛

6) FormNovalidate: نفس عنصر الزر ؛

7) الارتفاع: اضبط ارتفاع الصور بالبكسل ؛

8) SRC: حدد عنوان URL للصورة المراد عرضها ؛

9) العرض: اضبط عرض الصورة في البكسل ؛

 <method method = post action = http: // titan: 8080/form> <type type = hidden name = recordId value = 1234/<p> = name/> </sable> </p> <p> <label for = password> كلمة المرور: <إدخال نوع = password placeholder = min 6 charals id = password/> </lab el> </p> < p> <p> <label for = fave> fruit: <input value = apples id = fave name = fave/> </p> </p> <type type = image src = access.png name = submit/> < /استمارة "

انقر على زر الصورة لإرسال النموذج.

يتم استخدام عنصر إدخال نوع الملف لتحميل الملفات ، ويمكن تحميل الملف على الخادم عند إرسال النموذج. تشمل سمات الدعم:

1) قبول: حدد نوع القبول. تعريف نوع MIME ، راجع RFC 2046 (http://tools.ies.org/html/rfc2046) ؛

2) متعددة: اضبط هذه السمة لتحميل ملفات متعددة في وقت واحد ؛

3) مطلوب: يجب على المستخدم إدخال قيمة.

 <method form = post action = http: // titan: 8080/form enctype = multipart/form-data> <p> <label for = name> name: <input value = adam distabled id = name me = name/> </sable> </p> <p> <label for = password> كلمة المرور: <إدخال نوع النباتات = min 6 حرف = كلمة المرور = كلمة المرور/> </p> <p> <lab el for = fave> Fruit: <value input = apples id = fave name = fave/> </p> <p> <pp> type = file name = filedata/> </p> <type type = إرسال القيمة = إرسال التصويت/> </نموذج >

لاحظ أنه يمكن تحميل نوع رمز النموذج عندما يمكن تحميل multipart/form-data. التأثير في الكروم كما يلي:

يتم استخدام عنصر SELET لإنشاء قائمة بالخيارات ، وهو أكثر إحكاما من عنصر إدخال نوع RADIIIIIOBUTTON وأكثر ملاءمة للموقف مع المزيد من الخيارات. تتضمن السمة التي يدعمها هذا العنصر:

1) الاسم: اسم القائمة ؛

2) المعوقين: تعطيل قائمة الانخفاض ؛

3) النموذج: نموذج واحد أو أكثر ينتمي إلى منطقة النص ؛

4) التركيز التلقائي: تحصل منطقة النص تلقائيًا على التركيز بعد تحميل الصفحة ؛

5) مطلوب: يجب ملء ؛

6) الحجم: يمكن رؤية عدد الخيارات في قائمة الانخفاض ؛

7) متعددة: يمكنك اختيار خيارات متعددة.

SELECT Element Default عبارة عن قائمة منسحة واحدة

 <method form = post action = http: // titan: 8080/form enctype = multipart/form-data> <p> <label for = name> name: <input value = adam distabled id = name me = name/> </sable> </p> <p> <label for = password> كلمة المرور: <إدخال نوع النباتات = min 6 حرف = كلمة المرور = كلمة المرور/> </p> <p> <lab el for = fave> الفاكهة المفضلة: <حدد ID = FIVE NAME = FAVE> <OPTION VALU = APPLES LABERT = APPLES> APPLES </OPTER </potion> <ortion value = pears label = pears> pears> </point> </select> </p> <type type = submit value = إرسال التصويت/> m>

التأثير في الكروم كما يلي:

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

 <method form = post action = http: // titan: 8080/form enctype = multipart/form-data> <p> <label for = name> name: <input value = adam distabled id = name me = name/> </sable> </p> <p> <label for = password> كلمة المرور: <إدخال نوع النباتات = min 6 حرف = كلمة المرور = كلمة المرور/> </p> <p> <lab el for = fave> الفاكهة المفضلة: <حدد ID = five name = fave size = 5 multire> <orture value = Apples Selectd Label = Apples> Apples </point> <borting> es label = Orange> Orange </point = cherries> cherries </portive> <value ortive = pears label = pears> pears </point> </select> </p> <type type = إرسال القيمة = إرسال التصويت/> </form>

اضغط على مفتاح CTRL عند النقر فوق خيار تحديد خيارات متعددة. التأثير في الكروم كما يلي:

يمكن استخدام عناصر OptGroup لإنشاء بنية معينة في محتوى العنصر المحدد.

1) التسمية: يتم استخدامه لتوفير عنوان صغير لمجموعة الخيارات بأكملها ؛

2) المعوقين: أي خيارات في المجموعة في المجموعة.

 <method form = post action = http: // titan: 8080/form enctype = multipart/form-data> <p> <label for = name> name: <input value = adam distabled id = name me = name/> </sable> </p> <p> <label for = password> كلمة المرور: <إدخال نوع النباتات = min 6 حرف = كلمة المرور = كلمة المرور/> </p> <p> <lab el for = fave> الفاكهة المفضلة: <حدد ID = fave name = fave> <ptgroup label = Top Choices> <Option Valu = Apples Label = Apples> Apples </point > <ptgroup label = others> <orpoy valu = cherries label = cherries> cherries </points> <orpue value = pears label = pears> pears </point> tgroup> </select> </billy> </p> < نوع الإدخال = إرسال القيمة = إرسال التصويت/> </form>

التأثير في الكروم كما يلي:

تلعب عناصر OptGroup دورًا تنظيميًا فقط ، ولا يمكن للمستخدمين اختياره كخيار.

يقوم Textarea Element بإنشاء مربعات نصية متعددة الخطوط ، ويمكن للمستخدمين إدخال نص متعدد الخطوط فيه. بما في ذلك السمات: تشمل:

1) التركيز التلقائي: تحصل منطقة النص تلقائيًا على التركيز بعد تحميل الصفحة ؛

2) كولز: العرض المرئي ، عدد صحيح ؛

3) المعوقين: تعطيل منطقة النص هذه ؛

4) النموذج: نموذج واحد أو أكثر ينتمي إلى منطقة النص ؛

5) MaxLength: الحد الأقصى لعدد الأحرف في منطقة النص ؛

6) الاسم: اسم منطقة النص ؛

7) العنصر النائب: تذكير قصير بالقيمة المتوقعة لمنطقة النص ؛

8) Readonly: تتم قراءة منطقة النص فقط ؛

9) مطلوب: منطقة النص ضرورية ؛

10) الصفوف: عدد الخطوط المرئية في منطقة النص ، عدد صحيح ؛

11) كيفية تغيير النص في منطقة النص ، بما في ذلك: Soft (الافتراضي).

 <method form = post action = http: // titan: 8080/form enctype = multipart/form-data> <p> <label for = name> name: <input value = adam distabled id = name me = name/> </sable> </p> <p> <label for = password> كلمة المرور: <إدخال نوع النباتات = min 6 حرف = كلمة المرور = كلمة المرور/> </p> <p> <lab el for = fave> الفاكهة المفضلة: <حدد ID = fave name = fave> <ptgroup label = Top Choices> <Option Valu = Apples Label = Apples> Apples </point > <ptgroup label = others> <orpoy valu = cherries label = cherries> cherries </points> <orpue value = pears label = pears> pears </point> tgroup> </select> </billy> </p> < p> <textarea cols = 20 rows = 5 wall = hard id = story name = story> أخبرنا لماذا هذا هو مصلحتك </textarea> </p> <type type = submit va lue = إرسال التصويت/> </form >

التأثير في الكروم كما يلي:

يمثل عنصر الإخراج نتيجة الحساب. تشمل سمات الدعم:

1) ل: واحد أو أكثر من العناصر المتعلقة بمجال الإخراج ، منفصل في المساحة الوسطى ؛

2) النموذج: واحد أو أكثر من أشكال حقل الإدخال ؛

3) الاسم: الاسم الوحيد للكائن (المستخدم عند إرسال النموذج).

 <port onsubmit = return false onput = res.value = Quant.ValueAsnumber * price.valueasnumber> <fieldset> <legend> حاسبة السعر </legend> t type = number placeholder = Quantity id = Quant name = Quant/> <type type = الرقم النائب = معرف السعر = اسم السعر = السعر/> = <الإخراج للاسم الكمي = res/> </form>

يتم استخدام نظام الوقت في JavaScript لإنشاء آلة حاسبة بسيطة.

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