الكاتب
السلام عليكم
الدرس السابع من دروس HTML
احنا ان شاء الله مكملين فى الشرح حتى نهاية كورس HTML .
وكما وعدكم لما اشرح جزء لازم اطبق علية بمثال .
نبداء باسم الله .
الهدف من هذا الدرس هو معرفة :
Forms او النماذج
ويتم التعبير عنها باستخدام تاج
<form action=" " method=" ">
</form>
تاج form من التاجات التى تغلق او تنتهى بتاج الاغلاق
وكما ذكرنا سابقا بان هناك بعض التاجات قد تحتوى على مجموعة من الصفات او السمات attributes .
نجد ان تاج form يحتوى ايضا على العديد من السمات ومن اهم هذة السمات :
action = " "
بداخل هذة الاقواس يتم كتابة اسم الصفحة التى سيتم ارسال بيانات هذا النموذج اليها بمجرد الضغط على زر معين فى النموذج
method=" "
بداخل هذة الاقواس يتم تحديد الطريقة التى يتم من خلالها ارسال هذة البيانات وهى اما post او get .
بمجرد كتابة تاج form بالصورة التالية :
<form action=" " method=" " >
</form>
قد تم فعلا بناء هذا النموذج الا ان هذا النموذج لايحتوى على اى عنصر من عناصر الادخال بداخلة.
وبالتالى فنحن بحاجة الى اضافة هذا العناصر الى هذا النموذج
ويتم اضافة هذة العناصر بين تاج الفتح وتاج الاغلاق الخاص بالنموذج .
من خلال كتابة تاج <input > كالتالى :
<form>
<input type=" " value=" " name=" " >
</form>
هنا سوف يظهر اول عنصر بداخل هذا النموذج
الا ان هناك العديد والعديد من عناصر الادخال التى يتم تحديدها من خلال السمة type .
اما السمة value فهى تحدد قيمة افتراضية تظهر بداخل العنصر والسمة name هى تقوم باعطاء اسم برمجى لهذا العنصر .
طبعا مش هنقدر نشرح كل انواع عناصر الادخال فى مرة واحدة
النهاردة ان شاء الله سيتم فقط شرح كلا من :
label - text - password - submit
بمجرد كتابة احد هذة الكلمات السابقة بداخل الاقواس الخاصة بالسمة
type=" "
سوف تتغير طبيعة هذا العنصر .
-label
وهو المسئول عن عمل عنوان يظهر بجوار عنصر الادخال .
- text
يظهر هذا العنصر فى شكل اطار لادخال بيانات بداخلة .
- password
يظهر ايضا هذا العنصر فى شكل اطار لادخال بيانات بداخلة الا ان هذة البيانات تظهر فى شكل نجوم .
وذلك للحفاظ على سرية بيانات النظام .
- submit
هو شكل من اشكال الازرار
وهو العنصر المسئول عن نقل بيانات هذا النموذج الى الصفحة التى يتم تحديدها فى خاصية action بمجرد الضغط علية .
عند استخدام خاصة value مع النوع submit سوف يتم فقط تغيير العبارة التى تظهر على هذا الزر .
انا كدا خلصت الشرح .
وحبيت اعمل تمرين بسيط عبارة عن عمل نموذج لشاشة الدخول للموقع فقط باستخدام HTML .
طبعا انا هنسقة باستخدمت CSS فى الفيديو القادم
تحياتى للجميع .
Eng : Fawzy Syam
بالتوفيق للجميع
Eng : Fawzy Syam
الدرس السابع من دروس HTML
احنا ان شاء الله مكملين فى الشرح حتى نهاية كورس HTML .
وكما وعدكم لما اشرح جزء لازم اطبق علية بمثال .
نبداء باسم الله .
الهدف من هذا الدرس هو معرفة :
Forms او النماذج
ويتم التعبير عنها باستخدام تاج
<form action=" " method=" ">
</form>
تاج form من التاجات التى تغلق او تنتهى بتاج الاغلاق
وكما ذكرنا سابقا بان هناك بعض التاجات قد تحتوى على مجموعة من الصفات او السمات attributes .
نجد ان تاج form يحتوى ايضا على العديد من السمات ومن اهم هذة السمات :
action = " "
بداخل هذة الاقواس يتم كتابة اسم الصفحة التى سيتم ارسال بيانات هذا النموذج اليها بمجرد الضغط على زر معين فى النموذج
method=" "
بداخل هذة الاقواس يتم تحديد الطريقة التى يتم من خلالها ارسال هذة البيانات وهى اما post او get .
بمجرد كتابة تاج form بالصورة التالية :
<form action=" " method=" " >
</form>
قد تم فعلا بناء هذا النموذج الا ان هذا النموذج لايحتوى على اى عنصر من عناصر الادخال بداخلة.
وبالتالى فنحن بحاجة الى اضافة هذا العناصر الى هذا النموذج
ويتم اضافة هذة العناصر بين تاج الفتح وتاج الاغلاق الخاص بالنموذج .
من خلال كتابة تاج <input > كالتالى :
<form>
<input type=" " value=" " name=" " >
</form>
هنا سوف يظهر اول عنصر بداخل هذا النموذج
الا ان هناك العديد والعديد من عناصر الادخال التى يتم تحديدها من خلال السمة type .
اما السمة value فهى تحدد قيمة افتراضية تظهر بداخل العنصر والسمة name هى تقوم باعطاء اسم برمجى لهذا العنصر .
طبعا مش هنقدر نشرح كل انواع عناصر الادخال فى مرة واحدة
النهاردة ان شاء الله سيتم فقط شرح كلا من :
label - text - password - submit
بمجرد كتابة احد هذة الكلمات السابقة بداخل الاقواس الخاصة بالسمة
type=" "
سوف تتغير طبيعة هذا العنصر .
-label
وهو المسئول عن عمل عنوان يظهر بجوار عنصر الادخال .
- text
يظهر هذا العنصر فى شكل اطار لادخال بيانات بداخلة .
- password
يظهر ايضا هذا العنصر فى شكل اطار لادخال بيانات بداخلة الا ان هذة البيانات تظهر فى شكل نجوم .
وذلك للحفاظ على سرية بيانات النظام .
- submit
هو شكل من اشكال الازرار
وهو العنصر المسئول عن نقل بيانات هذا النموذج الى الصفحة التى يتم تحديدها فى خاصية action بمجرد الضغط علية .
عند استخدام خاصة value مع النوع submit سوف يتم فقط تغيير العبارة التى تظهر على هذا الزر .
انا كدا خلصت الشرح .
وحبيت اعمل تمرين بسيط عبارة عن عمل نموذج لشاشة الدخول للموقع فقط باستخدام HTML .
طبعا انا هنسقة باستخدمت CSS فى الفيديو القادم
html
html5
html editor
html color codes
html table
html tags
html colors
html button
html color picker
html code
html tutorial
html comment
html
html table
html color picker
html color codes
html editor
html5
html button
html color
html tags
html comment
تعلم لغه البرمجه c++
لغه البرمجه
تحميل برنامج لغه البرمجه
بحث عن لغه البرمجه
تعريف لغه البرمجه
شرح لغه البرمجه باسكال
تعلم لغه البرمجه للمبتدئين
شرح لغه البرمجه c++
تعليم لغه البرمجه
تعلم لغه البرمجه
html and css
html
html and css design and build websites
html cable for tv
html5
html for dummies 2019
html css and javascript
html cheat sheet
html to display port
html for babies
Eng : Fawzy Syam
بالتوفيق للجميع
Eng : Fawzy Syam
***********************
***********************
