الكاتب
السلام عليكم
الدرس الثامن دروس HTML
احنا ان شاء الله مكملين فى الشرح حتى نهاية كورس HTML .
وكما وعدكم لما اشرح جزء لازم اطبق علية بمثال .
نبداء باسم الله .
الهدف من هذا الدرس هو تكملة الدرس السابع وهو النماذج forms
اتكلمنا فى الدرس السابق عن النماذج وعرفنا ان التاج المستخدم لعمل النماذج هو تاج :-
<form action=" " method=" ">
</form>
وبين تاج الفتح وتاج الاغلاق يتم اضافة العناصر الى هذا النموذج
من خلال كتابة تاج <input > كالتالى :
<form>
<input type=" " value=" " name=" " >
</form>
ويتم تحديد نوع هذا العنصر من خلال كتابة اسم العنصر بداخل الاقواس الخاصة بالسمة
type =" "
وتم شرح العناصر التالية :
label - text - password - submit
النهاردة ان شاء الله هنتكلم عن
textarea - radio - checkbox - select - button - reset
- textarea
اتكلمنا عن text وعرفنا ان هذا العنصر يظهر فى شكل اطار لادخال بيانات بداخلة الا ان هذا text يستخدم فقط لادخال نص من سطر واحد .
لكن textarea يستخدم لادخال نص مكون من اكثر من سطر .
تاج textarea هو تاج وليس سمة ويكتب بداخل تاج form كالتالى :
<textarea cols=" " rows=" " > </textarea>
ويتم التحكم فى مساحة textarea من خلال كلا من السمة cols and rows . كما يمكن اضافة نص معين بين تاج الفتح وتاج الاغلاق يظهر كقيمة افتراضية لتوضيح المطلوب كتابة بداخل هذا العنصر .
-radio
يستخدم لاختيار عنصر واحد فقط من بين عدة عناصر من النوع radio .
<input type="radio" name=" ">
هنا يتم كتابة مجموعة من عناصر الاختيار radio ويتم استخدام السمة name وتحديد قيمة لها متساوية مع جميع هذة العناصر .
- checkbox
يستخدم لاختيار اكثر من عنصر من بين عدة عناصر من النوع checkbox .
بعكس العنصر radio الذى يتيح اختيار عنصر واحد فقط .
<input type="checkbox" >
هنا يتم كتابة مجموعة من عناصر الاختيار checkbox واختيار عنصر او اكثر من هذة العناصر .
-select
يستخدم لاظهار قائمة منسدلة لاختيار عنصر او اكثر من هذة القائمة .
<select >
<option> </option>
<option> </option>
</select>
ويتم اضافة العناصر لهذة القائمة من خلال كتابتها بين تاج الفتح وتاج الاغلاق للتاج option .
- button
هو شكل من اشكال الازرار
الا انه يختلف على النوع السابق وهو submit فى انه يمكن اضافة بعض الامكانيات البرمجية له .كاظهار رسالة للمستخدم او اداء وظيفة معينة بمجرد الضغط علية .
<input type="button" >
-reset
هو شكل اخر من اشكال الازرار
وهو يستخدم لافراغ او مسح محتويات النموذج من البيانات فى حالة الرغبة فى اعادة ادخال البيانات مرة اخرى نتيجة الخطا .
<input type="reset" >
انا كدا خلصت الشرح .
وحبيت اعمل تمرين بسيط عبارة عن عمل نموذج لتسجيل بيانات المستخدمين فقط باستخدام HTML .
تحياتى للجميع .
Eng : Fawzy Syam
بالتوفيق للجميع
Eng : Fawzy Syam
الدرس الثامن دروس HTML
احنا ان شاء الله مكملين فى الشرح حتى نهاية كورس HTML .
وكما وعدكم لما اشرح جزء لازم اطبق علية بمثال .
نبداء باسم الله .
الهدف من هذا الدرس هو تكملة الدرس السابع وهو النماذج forms
اتكلمنا فى الدرس السابق عن النماذج وعرفنا ان التاج المستخدم لعمل النماذج هو تاج :-
<form action=" " method=" ">
</form>
وبين تاج الفتح وتاج الاغلاق يتم اضافة العناصر الى هذا النموذج
من خلال كتابة تاج <input > كالتالى :
<form>
<input type=" " value=" " name=" " >
</form>
ويتم تحديد نوع هذا العنصر من خلال كتابة اسم العنصر بداخل الاقواس الخاصة بالسمة
type =" "
وتم شرح العناصر التالية :
label - text - password - submit
النهاردة ان شاء الله هنتكلم عن
textarea - radio - checkbox - select - button - reset
- textarea
اتكلمنا عن text وعرفنا ان هذا العنصر يظهر فى شكل اطار لادخال بيانات بداخلة الا ان هذا text يستخدم فقط لادخال نص من سطر واحد .
لكن textarea يستخدم لادخال نص مكون من اكثر من سطر .
تاج textarea هو تاج وليس سمة ويكتب بداخل تاج form كالتالى :
<textarea cols=" " rows=" " > </textarea>
ويتم التحكم فى مساحة textarea من خلال كلا من السمة cols and rows . كما يمكن اضافة نص معين بين تاج الفتح وتاج الاغلاق يظهر كقيمة افتراضية لتوضيح المطلوب كتابة بداخل هذا العنصر .
-radio
يستخدم لاختيار عنصر واحد فقط من بين عدة عناصر من النوع radio .
<input type="radio" name=" ">
هنا يتم كتابة مجموعة من عناصر الاختيار radio ويتم استخدام السمة name وتحديد قيمة لها متساوية مع جميع هذة العناصر .
- checkbox
يستخدم لاختيار اكثر من عنصر من بين عدة عناصر من النوع checkbox .
بعكس العنصر radio الذى يتيح اختيار عنصر واحد فقط .
<input type="checkbox" >
هنا يتم كتابة مجموعة من عناصر الاختيار checkbox واختيار عنصر او اكثر من هذة العناصر .
-select
يستخدم لاظهار قائمة منسدلة لاختيار عنصر او اكثر من هذة القائمة .
<select >
<option> </option>
<option> </option>
</select>
ويتم اضافة العناصر لهذة القائمة من خلال كتابتها بين تاج الفتح وتاج الاغلاق للتاج option .
- button
هو شكل من اشكال الازرار
الا انه يختلف على النوع السابق وهو submit فى انه يمكن اضافة بعض الامكانيات البرمجية له .كاظهار رسالة للمستخدم او اداء وظيفة معينة بمجرد الضغط علية .
<input type="button" >
-reset
هو شكل اخر من اشكال الازرار
وهو يستخدم لافراغ او مسح محتويات النموذج من البيانات فى حالة الرغبة فى اعادة ادخال البيانات مرة اخرى نتيجة الخطا .
<input type="reset" >
انا كدا خلصت الشرح .
وحبيت اعمل تمرين بسيط عبارة عن عمل نموذج لتسجيل بيانات المستخدمين فقط باستخدام HTML .
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
***********************
***********************
