‫‪02101420616‬‬ ‫أ ‪ /‬أؼّذ تغ‪ ٟٔٛ١‬اٌؽصش‪ٞ‬‬ ‫اٌؽاعة ا‪ٌٍ ٌٟ٢‬صف اٌصأ‪ ٟ‬اإلػذاد‪ ٞ‬ذشَ شاْ‬

‫إٔشاء صفحة وَب جفاػٍُة إلدخاي بُأاجه اٌشخصُة ِٓ خالي منىرج ‪Form‬‬

‫إٌّىرج ‪: Form‬‬

‫لكي يتم تصميم النموذج باستخدام لغة ‪ html‬تستخدم االمر <‪ ، >form> ... </form‬ومن خالل‬
‫النموذج يمكن اضافة مجموعة عناصر لصفحة الويب منها أزرار أو حقول تقوم باستخدامها إلدخال بياناتك‬
‫بغرض ارسالها لموقع الويب ليتم تخزينها ‪.‬‬

‫إضافة حمً االسُ ‪:‬‬

‫يتم إضافة صندوق النص ‪ Text‬والذي يتيح لزائر الصفحة ادخال بيانات نصيه من لوحة المفاتيح ‪.‬‬
‫<"‪<input type = “text‬‬
‫مثال ‪:‬‬
‫>‪<form‬‬
‫االعُ‬
‫>”‪<input type = “text‬‬
‫>‪</form‬‬

‫إضافة حمً وٍّة ادلشوس ‪:‬‬

‫يتم إضافة حقل كلمة المرور ويظهر الرمز * عند الكتابة بداخله وذلك إلخفاء مكونات كلمة المرور الحقيقية‬
‫>"‪<input type = "password‬‬
‫ِصاي ‪:‬‬
‫>‪<form‬‬
‫>"‪<input type = "password‬‬
‫>‪</form‬‬

‫‪1‬‬
 ‫‪02101420616‬‬ ‫أ ‪ /‬أؼّذ تغ‪ ٟٔٛ١‬اٌؽصش‪ٞ‬‬ ‫ِٕ‪ٙ‬ط اٌؽاعة ا‪ٌٍ ٌٟ٢‬صف اٌصأ‪ ٟ‬اإلػذاد‪ ٞ‬ذشَ شاْ‬
‫إضافة حمً اٌسٓ باالسلاَ‬

‫>"‪<input type = "number‬‬ ‫يتم إضافة حقل السن‬

‫ِصاي ‪:‬‬
‫>‪<form‬‬
‫>"‪<input type = "number‬‬
‫>‪</form‬‬

‫إضافة صس اخحُاس بذًَ واحذ ) ‪: ( Radio button‬‬

‫إلدخاي إٌ‪ٛ‬ع ( روش ‪ /‬أٔص‪ٔ ) ٝ‬ع‪١‬ف ٌصفؽح اٌ‪٠ٛ‬ة أصساس اخر‪١‬اس تذ‪ٚ ً٠‬اؼذ ‪ ٟ٘ٚ‬ذغّػ ٌه تاخر‪١‬اس تذ‪ٚ ً٠‬اؼذ‬
‫فمػ ِٓ ػذج تذائً‬
‫> "‪<input type = "radio‬‬
‫ِصاي ‪:‬‬
‫>‪<form‬‬
‫> "‪ <input type = "radio‬روش‬
‫> "‪ <input type = "radio‬أٔص‪ٟ‬‬
‫>‪</form‬‬

‫( ولكن يوجد مشكلة وهي إِىأ‪١‬ح اختيار الزرين معا ) وللتغلب عليها نستخدم الخاصية ‪ٚ Name‬ذغرخذَ‬
‫ٌرؽذ‪٠‬ذ أعّاء أصساس االخر‪١‬اس ‪:‬‬
‫‪ -2‬إػطاء اعُ ِصً " ‪ٌ " a‬ضس االخر‪١‬اس األ‪ٚ‬ي ‪.‬‬
‫ً‬
‫‪ -1‬إػطاء ٔفظ االعُ " ‪ٌ " a‬ضس االخر‪١‬اس اٌصأ‪ٚ ٟ‬رٌه ؼر‪ّٕ٠ ٝ‬غ اخر‪١‬اس اٌضس‪ِ ٓ٠‬ؼا وّا ف‪ ٟ‬اٌى‪ٛ‬د اٌراٌ‪ٟ‬‬

‫>‪<form‬‬
‫>"‪ <input type = "radio" name="a‬روش‬
‫> "‪ <input type = "radio" name="a‬أٔص‪ٟ‬‬
‫>‪</form‬‬

‫صٕذوق االخحُاس ‪: Check Box‬‬

‫ذصّ‪ ُ١‬صٕاد‪٠‬ك الخر‪١‬اس اٌٍغح اٌر‪٠ ٟ‬ع‪١‬ذ٘ا ‪ّ٠ :‬ىٓ ِٓ خالٌ‪ٙ‬ا اخر‪١‬اس أوصش ِٓ صٕذ‪ٚ‬ق ف‪ٔ ٟ‬فظ اٌ‪ٛ‬لد‬
‫>"‪<input type = "checkbox‬‬ ‫( ػذج تذائً )‬

‫ِصاي ‪:‬‬
‫>‪<form‬‬
‫>‪ <br‬اخرش اٌٍغاخ اٌر‪ ٟ‬ذع‪١‬ذ٘ا‬
‫>"‪ <input type = "checkbox‬اٌؼشت‪١‬ح‬
‫>"‪ <input type = "checkbox‬اإلٔعٍ‪١‬ض‪٠‬ح‬
‫>"‪ <input type = "checkbox‬اٌفشٔغ‪١‬ح‬
‫>‪</form‬‬

‫‪2‬‬
 ‫‪02101420616‬‬ ‫أ ‪ /‬أؼّذ تغ‪ ٟٔٛ١‬اٌؽصش‪ٞ‬‬ ‫ِٕ‪ٙ‬ط اٌؽاعة ا‪ٌٍ ٌٟ٢‬صف اٌصأ‪ ٟ‬اإلػذاد‪ ٞ‬ذشَ شاْ‬
‫أٔىاع األصساس اٌحٍ ميىٓ إضافحها ٌٍّٕىرج ‪:‬‬

‫‪ -2‬صس األِش ‪٠ٚ : Button‬غرخذَ ف‪ ٟ‬ذٕف‪١‬ز ِ‪ّٙ‬ح ِؼ‪ِ ٕٗ١‬صً ( ذغع‪ ً١‬ت‪١‬أاذه – ِغػ ت‪١‬أاذه –اعرذػاء داٌٗ‬
‫>"‪<input type = "button‬‬ ‫‪ .....‬اٌخ )‬

‫ِصاي ‪ ( :‬ذغرخذَ اٌخاص‪١‬ح ‪ٌ Value‬رؽذ‪٠‬ذ إٌص اٌز‪٠ ٞ‬ظ‪ٙ‬ش ػٍ‪ ٝ‬اٌضس‬

‫>‪<form‬‬
‫>"‪<input type = "button" value="ok‬‬
‫>‪</form‬‬

‫>"‪<input type = "submit‬‬ ‫‪ -1‬صس ‪٠ٚ : Submit‬غرخذَ إلسعاي اٌث‪١‬أاخ‬

‫ِصاي‪ٚ :‬ػٕذ اٌعغػ ػٍ‪٠ ٗ١‬رُ إسعاي ت‪١‬أاذه اٌر‪ ٟ‬لّد تإدخاٌ‪ٙ‬ا ػٓ غش‪٠‬ك ػٕاصش إٌّ‪ٛ‬رض ٌصفؽح اخش‪ٜ‬‬
‫‪ٚ‬رٌه تإظافح اٌخاص‪١‬ح ‪Action‬‬

‫>"‪<form action="process.php‬‬
‫>"‪<input type = "submit‬‬
‫>‪</form‬‬

‫ٍِحىظة ‪:‬‬
‫ػٕذ إٌمش ػٍ‪ ٝ‬اٌضس ‪٠ Submit Query‬رُ االٔرماي ٌٍصفؽح ‪ Process.php‬ؼ‪١‬س ‪٠‬رُ اعرمثاي اٌث‪١‬أاخ‬
‫اٌر‪ ٟ‬ذُ إدخاٌ‪ٙ‬ا ػٓ غش‪٠‬ك أد‪ٚ‬اخ اٌرؽىُ ‪ِٚ‬ؼاٌعر‪ٙ‬ا ت‪ٛ‬اعطح و‪ٛ‬د ٘زٖ اٌصفؽح اٌّىر‪ٛ‬تح تٍغح ‪. php‬‬

‫>"‪<input type = "reset‬‬ ‫‪ -3‬صس ‪ : Reset‬صس اٌؽزف‬

‫‪٠ٚ‬غرخذَ ف‪ ٟ‬ؼزف اٌم‪ ُ١‬اٌر‪ ٟ‬عثك إدخاٌ‪ٙ‬ا ‪ٚ‬اٌؼ‪ٛ‬دج ٌٍم‪ ُ١‬االفرشاظ‪١‬ح ٌألد‪ٚ‬اخ‬

‫ِصاي ‪:‬‬
‫>‪<form‬‬
‫>"‪<input type = "reset‬‬
‫>‪</form‬‬

‫شىً ادلششوع‬

‫‪3‬‬
 ‫‪02101420616‬‬ ‫أ ‪ /‬أؼّذ تغ‪ ٟٔٛ١‬اٌؽصش‪ٞ‬‬ ‫ِٕ‪ٙ‬ط اٌؽاعة ا‪ٌٍ ٌٟ٢‬صف اٌصأ‪ ٟ‬اإلػذاد‪ ٞ‬ذشَ شاْ‬
‫ِفاهُُ أساسُة ػٓ ٌغة ‪Java Script‬‬
‫ِمذِة ‪:‬‬

‫ٌرط‪٠ٛ‬ش ِشش‪ٚ‬ع صفؽح اٌ‪٠ٛ‬ة اٌرفاػٍ‪١‬ح ٌرغع‪ ً١‬ت‪١‬أاذه ‪ٚ‬اٌرأوذ ِٓ أْ اٌث‪١‬أاخ اٌّذخٍح تاٌصفؽح صؽ‪١‬ؽح‬
‫‪ٔ ،‬ؽراض إظافح األو‪ٛ‬اد اٌّىر‪ٛ‬تح تٍغح ‪ Java Script‬ؼ‪١‬س أْ ٌغح ‪ html‬ال ذّىٕه ِٓ اٌرأوذ ِٓ صؽح‬
‫اٌث‪١‬أاخ اٌّذخٍح ‪.‬‬

‫أ‪ٚ‬اِش ‪ٚ‬ذؼٍ‪ّ١‬اخ ٌغح اٌعافا عىش‪٠‬ثد ذغّ‪ ٟ‬ظًّ‬ ‫‪-2‬‬

‫( ‪. )Statements‬‬
‫ذىرة األ‪ٚ‬اِش ‪ٚ‬اٌرؼٍ‪ّ١‬اخ ( اٌعًّ ‪) Statements‬‬ ‫‪-1‬‬
‫داخً و‪ٛ‬د ‪. html‬‬
‫ذىرة ظًّ اٌعافا عىش‪٠‬ثد داخً األِش‬ ‫‪-3‬‬
‫>‪<script>..............</script‬‬
‫‪٠‬عة إٔ‪ٙ‬اء وً ظٍّح تفاصٍح ِٕم‪ٛ‬غح ( ; )‬ ‫‪-4‬‬
‫‪ٛ٠‬ظغ ف‪ ٟ‬االػرثاس ؼاٌح األؼشف صغ‪١‬شج أَ وث‪١‬شج ػٕذ وراتح‬ ‫‪-5‬‬
‫اٌعًّ ‪. Statements‬‬

‫مجٍة ‪ٚ :alert‬ذغرخذَ ٌؼشض سعاٌح داخً صٕذ‪ٚ‬ق ِّا ‪٠‬عزب االٔرثاٖ ٌمشاءذ‪ٙ‬ا ‪ٚ‬إلظ‪ٙ‬اس صٕذ‪ٚ‬ق اٌشعاٌح‬
‫ٔغرخذَ األِش ; (" اٌشعاٌح ") ‪alert‬‬

‫ٍِحىظة ‪٠ :‬عة وراتح اٌشعاٌح ت‪ ٓ١‬ػالِر‪ ٟ‬اٌرٕص‪١‬ص‬

‫ِصاي ‪:‬‬
‫>‪<body‬‬
‫>‪<script‬‬
‫; ") تىُ ِشؼثا"( ‪alert‬‬
‫>‪</script‬‬
‫>‪</body‬‬

‫مجٍة ‪ : document.write‬إلظ‪ٙ‬اس سعاٌح ِىر‪ٛ‬ب ػٍ‪ ٝ‬صفؽح اٌ‪٠ٛ‬ة ٔفغ‪ٙ‬ا‬

‫ِصاي‬
‫>‪<body‬‬
‫>‪<script‬‬
‫; ( "ِادج اٌىّث‪ٛ١‬ذش ‪ٚ‬ذىٕ‪ٌٛٛ‬ظ‪١‬ا اٌّؼٍ‪ِٛ‬اخ "( ‪document.write‬‬
‫>‪</script‬‬
‫>‪</body‬‬

‫‪4‬‬
 ‫‪02101420616‬‬ ‫أ ‪ /‬أؼّذ تغ‪ ٟٔٛ١‬اٌؽصش‪ٞ‬‬ ‫ِٕ‪ٙ‬ط اٌؽاعة ا‪ٌٍ ٌٟ٢‬صف اٌصأ‪ ٟ‬اإلػذاد‪ ٞ‬ذشَ شاْ‬
‫اسحذػاء وىد اجلافا سىشَبث باسحخذاَ صس االِش ‪Button‬‬

‫ِمذِة ‪:‬‬

‫إْ اٌعٍّح اٌّىر‪ٛ‬تح داخً األِش >‪٠ <script> </script‬ترُ ذٕف‪١‬تز٘ا ذٍمائ‪١‬تا ‪ ،‬فتإرا أسدٔتا أْ ذٕفتز‬
‫اٌعٍّتتتح ػٕتتتذ ‪ٚ‬لتتت‪ٛ‬ع ؼتتتذز ِصتتتً إٌمتتتش ( اٌعتتتغػ تاٌّتتتا‪ٚ‬ط ) ػٍتتت‪ ٝ‬صس أِتتتش ‪ Button‬عتتت‪ٛ‬ف ٔؽرتتتاض إٌتتت‪ٝ‬‬
‫داٌح ‪. Function‬‬

‫جؼشَف اٌذاٌة ‪: Function‬‬

‫٘‪ِ ٟ‬عّ‪ٛ‬ػح ِٓ األ‪ٚ‬اِش اٌر‪ ٟ‬ذٕفز ػٕذ اعرذػائ‪ٙ‬ا ‪٠ٚ ،‬عة إػطاء اعُ ِٕاعة ٌٍذاٌح ‪٠‬ذي ػٍ‪ٚ ٝ‬ظ‪١‬فر‪ٙ‬ا ‪.‬‬

‫إٔشاء داٌة ‪: Function‬‬

‫‪ -2‬اورة األِش ‪ Function‬شُ اورة اعُ ِٕاعة ٌٍذاٌح ‪.‬‬

‫‪ -1‬اورة اٌى‪ٛ‬د اٌز‪ ٞ‬ع‪١‬رُ ذٕف‪١‬زٖ ت‪ ٓ١‬اٌم‪ٛ‬ع‪ ، { } ٓ١‬ؼ‪١‬س ‪٠‬رُ ذٕف‪١‬زٖ ػٕذ اعرذػاء اٌذاٌح ‪.‬‬

‫واألذ‪: ٟ‬‬
‫اٌذاٌح اعُ ) ( ‪function‬‬
‫{‬
‫و‪ٛ‬د اٌذاٌح‬
‫}‬

‫ِصاي ‪:‬‬
‫لُ تإٔشاء داٌح ػٕذ اعرذػائ‪ٙ‬ا ف‪١‬ظ‪ٙ‬ش سعاٌح ِىر‪ٛ‬ب تذاخٍح اٌؼثاسج " ظّ‪ٛٙ‬س‪٠‬ح ِصش اٌؼشت‪١‬ح " ‪.‬‬

‫>‪<body‬‬
‫>‪<script‬‬
‫) (‪function country‬‬
‫{‬
‫; ) " اٌؼشت‪١‬ح ِصش ظّ‪ٛٙ‬س‪٠‬ح"( ‪Alert‬‬
‫}‬
‫>‪</script‬‬
‫>‪</body‬‬
‫ٍِحىظة ‪:‬‬

‫ػٕتتذ فتترػ اٌٍّتتف فتت‪ ٟ‬اٌّغتترؼشض ذظ‪ٙ‬تتش صتتفؽح اٌ‪٠ٛ‬تتة خاٌ‪١‬تتح ‪ٚ‬رٌتته ٌؼتتذَ ؼتتذ‪ٚ‬ز اعتترذػاء ٌٍذاٌتتح‬
‫)(‪ٌٚ ، country‬رٕف‪١‬ز و‪ٛ‬د أ‪ ٞ‬داٌح ‪٠‬عة اعرذػاؤ٘ا أ‪ٚ‬ال وّا ‪: ٍٟ٠‬‬

‫‪5‬‬
 02101420616 ٞ‫ اٌؽصش‬ٟٔٛ١‫ أؼّذ تغ‬/ ‫أ‬ ْ‫ ذشَ شا‬ٞ‫ اإلػذاد‬ٟٔ‫ ٌٍصف اٌصا‬ٌٟ٢‫ط اٌؽاعة ا‬ِٕٙ
Function : ‫اسحذػاء اٌذاٌة‬

Button ‫رُ إظافح صس األِش‬٠ -2

. Button ‫ ٌضس‬Onclick ‫ح‬١‫ إظافح اٌخاص‬-1
: ٍٟ٠ ‫د وّا‬ٛ‫ىرة اٌى‬٠ٚ ‫ب اعرذػاؤ٘ا‬ٍٛ‫ اعُ اٌذاٌح اٌّط‬ٟ٘ ‫ا‬ٙ‫ّر‬١‫ْ ل‬ٛ‫ ذى‬Onclick ‫ح‬١‫ اٌخاص‬-3
<input type="button" onclick=" ‫ب اعرذػاؤ٘ا‬ٍٛ‫< " اعُ اٌذاٌح اٌّط‬
‫ِصاي‬
‫ا اٌؼثاسج‬ٙ‫ش اٌشعاٌح ت‬ٙ‫ظ‬١ٌ Country ‫رُ اعرذػاء اٌذاٌح‬٠ ‫ صس األِش‬ٍٝ‫ إٌمش ػ‬ٛ٘ٚ ‫ع ؼذز‬ٛ‫ل‬ٚ ‫ػٕذ‬
" ‫ح‬١‫ح ِصش اٌؼشت‬٠‫س‬ّٛٙ‫" ظ‬
<body>
<input type="button" onclick="country()" value="click me">
<script>
function country()
{
alert ( "‫ح‬٠‫س‬ّٛٙ‫ح ِصش ظ‬١‫; ) " اٌؼشت‬
}
</script>
</body>
Text Box ‫اٌحؼاًِ ِغ حمحىي صٕذوق ٔص‬

‫ تؼذ‬Click me ‫صس أِش‬ٚ ‫ق إٌص‬ٚ‫ش صٕذ‬ٙ‫ظ‬٠ -2

. ‫ق‬ٚ‫وراتح ٔص داخً ٘زا اٌصٕذ‬
‫ش‬ٙ‫ظ‬١‫ ف‬Click me ‫ صس األِش‬ٍٝ‫ػٕذ إٌمش ػ‬ٚ -1
‫ق إٌص‬ٚ‫ صٕذ‬ٜٛ‫ؼشض ِؽر‬٠ ‫ق سعاٌح‬ٚ‫صٕذ‬

: ‫ِصاي‬

<body>
<form name="form1">
<input type="text" name="t1">
<input type="button" onclick="country()" value="click me">
</form>
<script>
function country()
{
alert (form1.t1.value);
}
</script>
</body>

6
 ‫‪02101420616‬‬ ‫أ ‪ /‬أؼّذ تغ‪ ٟٔٛ١‬اٌؽصش‪ٞ‬‬ ‫ِٕ‪ٙ‬ط اٌؽاعة ا‪ٌٍ ٌٟ٢‬صف اٌصأ‪ ٟ‬اإلػذاد‪ ٞ‬ذشَ شاْ‬
‫ِا ذُ ف‪ ٟ‬اٌّصاي اٌغاتك ‪:‬‬
‫‪ -2‬إػطاء اعُ إٌّ‪ٛ‬رض ‪ ٛ٘ٚ form‬االعُ ‪ Form 2‬ػٓ غش‪٠‬ك اٌخاص‪١‬ح ‪. Name‬‬
‫‪ -1‬إػطاء اعُ ٌصٕذ‪ٚ‬ق إٌص ‪ ٛ٘ٚ‬االعُ ‪ T 2‬ػٓ غش‪٠‬ك اٌخاص‪١‬ح ‪. Name‬‬
‫‪ -3‬شُ اٌ‪ٛ‬ص‪ٛ‬ي إٌ‪ ٝ‬إٌص اٌّىر‪ٛ‬ب داخً صٕذ‪ٚ‬ق إٌص ػٓ غش‪٠‬ك األِش ‪form1.t1.value‬‬
‫( أ‪ ٞ‬أْ غش‪٠‬ك اٌخاص‪١‬ح ‪ٌٍ Value‬صٕذ‪ٚ‬ق ‪ T2‬اٌّ‪ٛ‬ظ‪ٛ‬د ػٍ‪ ٝ‬إٌّ‪ٛ‬رض ‪) Form2‬‬

‫مجٍة اٌحفشع ‪If Statement‬‬

‫ِمذِة‪:‬‬

‫ف‪ ٟ‬اٌّ‪ٛ‬ظ‪ٛ‬ػ‪ ٓ١‬اٌغاتم‪ٌٍ ٓ١‬غح اٌعافا عتىش‪٠‬ثد ٔالؼتع أْ اٌعّتً ‪ٚ‬األ‪ٚ‬اِتش ‪٠‬ترُ ذٕف‪١‬تز٘ا ذثاػتا ً أ‪ ٞ‬األِتش‬
‫‪ ٍٟ٠‬األِش ‪ٌٚ‬ىٓ ف‪ ٟ‬تؼط األؼ‪١‬اْ لذ ٔؽراض إٌ‪ ٝ‬ذٕف‪١‬ز ( أ‪ ٚ‬ػذَ ذٕف‪١‬ز ) أ‪ٚ‬اِش أ‪ ٚ‬ظًّ ذثؼا ً ٌٕر‪١‬عتح اخرثتاس ذؼث‪١‬تش‬
‫ششغ‪ِ ٟ‬ؼ‪. ٓ١‬‬

‫ِصاي ‪:‬‬

‫ف‪ ٟ‬ؼاٌح اخرثاس ِعّ‪ٛ‬ع دسظاخ ( اٌرؼث‪١‬ش اٌششغ‪ ) ٟ‬إرا واْ ِعّ‪ٛ‬ػه أوثش ِٓ أ‪ ٚ‬ذغا‪ 50 ٞٚ‬دسظح‬
‫ع‪ٛ‬ف ‪٠‬رُ غثاػح ٔاظػ ( شُ ‪٠‬رُ ذٕف‪١‬ز األ‪ٚ‬اِش ‪ٚ‬اٌعًّ )‬

‫‪ٚ‬الخرثاس اٌرؼث‪١‬ش اٌششغ‪٠ ٟ‬رُ اعرخذاَ ظٍّح ‪ٔٚ If‬ىرة اٌى‪ٛ‬د اٌراٌ‪: ٟ‬‬

‫{ ) اٌششغ‪ ٟ‬اٌرؼث‪١‬ش( ‪If Condition‬‬

‫الجمل ‪ٚ‬األ‪ٚ‬اِش يتم تنفيذها عند تحقق التعبير الشرطي ‪Code‬‬
‫}‬
‫ِصاي ‪:‬‬
‫ذصتتّ‪ ُ١‬صتتفؽح ‪٠ٚ‬تتة ذؽرتت‪ ٞٛ‬ػٍتت‪ّٔ ٝ‬تت‪ٛ‬رض تتتٗ صتتٕذ‪ٚ‬ق ٔتتص ‪ٚ‬صس أِتتش " ِعّتت‪ٛ‬ع" تؽ‪١‬تتس ‪٠‬تترُ إدختتاي‬
‫ِعّ‪ٛ‬ع اٌذسظاخ ف‪ ٟ‬صٕذ‪ٚ‬ق إٌص ‪ٚ‬ػٕذ إٌمش ػٍ‪ ٝ‬صس " اٌّعّ‪ٛ‬ع " فإرا وأتد اٌذسظتح أوثتش ِتٓ أ‪ ٚ‬ذغتا‪ٞٚ‬‬
‫‪٠ 50‬رُ غثاػح ٔاظػ ‪.‬‬
‫>‪<body‬‬
‫>"‪<form name="form1‬‬
‫>"‪<input type="text" name="t1‬‬
‫>")(‪ " onclick="country‬اٌّعّ‪ٛ‬ع "=‪<input type="button" value‬‬
‫>‪</form‬‬
‫>‪<script‬‬
‫)(‪function country‬‬
‫{‬
‫)‪if (form1.t1.value>=05‬‬
‫{‬
‫;) " ٔاظػ"( ‪alert‬‬
‫}‬
‫}‬
‫>‪</script‬‬
‫>‪</body‬‬

‫‪7‬‬
 ‫‪02101420616‬‬ ‫أ ‪ /‬أؼّذ تغ‪ ٟٔٛ١‬اٌؽصش‪ٞ‬‬ ‫ِٕ‪ٙ‬ط اٌؽاعة ا‪ٌٍ ٌٟ٢‬صف اٌصأ‪ ٟ‬اإلػذاد‪ ٞ‬ذشَ شاْ‬
‫ِالحظات ‪:‬‬

‫اٌرؼث‪١‬ش اٌششغ‪ ٛ٘ٚ Condition ٟ‬اٌّطٍ‪ٛ‬ب اخرثاسٖ ‪.‬‬ ‫‪-2‬‬

‫ِا ت‪ ٓ١‬اٌم‪ٛ‬ع‪٠ { } ٓ١‬ىرة اٌى‪ٛ‬د‬ ‫‪-1‬‬
‫ف‪ ٟ‬ؼاٌح ذؽمك اٌرؼث‪١‬ش اٌششغ‪ٕ٠ ٟ‬فز اٌى‪ٛ‬د ِا ت‪ ٓ١‬اٌم‪ٛ‬ع‪. ٓ١‬‬ ‫‪-3‬‬
‫‪ٚ‬ف‪ ٟ‬ؼاٌح ػذَ ذؽمك اٌرؼث‪١‬ش اٌششغ‪ ٟ‬ال ‪ٕ٠‬فز اٌى‪ٛ‬د ت‪ ٓ١‬اٌم‪ٛ‬ع‪. ٓ١‬‬ ‫‪-4‬‬

‫اٌححمك ِٓ صحة اٌبُأات ادلذخٍة‬

‫٘‪ ٟ‬ػٍّ‪١‬ح اٌرؽىُ ف‪ ٟ‬اٌث‪١‬أاخ اٌر‪٠ ٟ‬رُ إدخاٌ‪ٙ‬ا ‪.‬‬
‫أوال ‪ :‬إظهاس صٕذوق ٔص به سساٌة حتزَشَة " غري ِسّىح برتن حمً االسُ فاسؽ " ػٕذ اٌضغط‬
‫ػًٍ صس " إسساي " بذوْ إدخاي اسُ اٌطاٌب ‪.‬‬

‫>"‪<form name="form1" action="data.php‬‬

‫اٌطاٌة اعُ أدخً‬
‫>‪<input type="text" name="text1" > <br><br‬‬
‫>‪ " onclick="return f1();"/‬اسعاي "=‪<input type="submit" value‬‬
‫>‪</form‬‬
‫>‪<script‬‬
‫{)(‪function f1‬‬
‫{)""==‪if (form1.text1.value‬‬
‫;) " غ‪١‬ش ِغّ‪ٛ‬غ ترشن ؼمً اعُ اٌطاٌة فاسؽ"( ‪alert‬‬
‫;‪return false‬‬
‫}‬
‫}‬
‫>‪</script‬‬

‫ٍِحىظة ‪:‬‬

‫إلسظاع ل‪ّ١‬ح اٌذاٌح ‪ F2‬تـ ‪ False‬ف‪ ٟ‬ؼاٌح ذشن صٕذ‪ٚ‬ق إٌص فاسغا ً ذغرخذَ اٌى‪ٛ‬د ; ‪return False‬‬

‫‪8‬‬
 02101420616 ٞ‫ اٌؽصش‬ٟٔٛ١‫ أؼّذ تغ‬/ ‫أ‬ ْ‫ ذشَ شا‬ٞ‫ اإلػذاد‬ٟٔ‫ ٌٍصف اٌصا‬ٌٟ٢‫ط اٌؽاعة ا‬ِٕٙ
‫ أحشف " يف حاٌة إدخاي وٍّة ِشوس‬8 ٓ‫ إظهاس سساٌة حتزَشَة " طىي وٍّة ادلشوس ال َمً ػ‬: ‫ثأُا‬
. ‫ سِىص‬8 ٓ‫جمً ػ‬
<html>
<head>
</head>
<body dir="rtl">
<form name="form1" action="data.php">
<input type="password" name="text1">
<input type="submit" value=" ‫ " اسعاي‬onclick="return f1();"/>
</form>
<script>
function f1(){
if (form1.text1.value.length<8){
alert ("‫ي‬ٛ‫س وٍّح غ‬ٚ‫مً اٌّش‬٠ ‫ ػٓ ال‬8 ‫; ( " أؼشف‬
return false;
}
}
</script>
</body>
</html>
. ‫ ِطابمة اٌبُأات ادلذخٍة يف حمٍني‬: ‫ثاٌثا‬

‫ّتتا ( إدختتاي وٍّتتح‬ٙ١‫ّر‬١‫ ؼاٌتتح ػتتذَ ذطتتاتك ل‬ٟ‫ٓ " فتت‬١‫تتش ِرطتتاتمر‬١‫ٓ غ‬١‫تتح " اٌىٍّرتت‬٠‫ش‬٠‫تتاس سعتتاٌح ذؽز‬ٙ‫إظ‬
) ‫ ِشتغ أخش‬ٟ‫ذىشاس٘ا ف‬ٚ ‫س‬ٚ‫اٌّش‬
<body dir="rtl">
<form name="form1" action="data.php">
ً‫س وٍّح أدخ‬ٚ‫اٌّش‬
<input type="password" name="text1">
<br>
‫س وٍّح ادخاي أػذ‬ٚ‫اٌّش‬
<input type="password" name="text2">
<br>
<input type="submit" value=" ‫ " اسعاي‬onclick="return f1();"/>
</form>
<script>
function f1(){
if (form1.text1.value!==form1.text2.value){
alert ("ٓ١‫ش اٌىٍّر‬١‫ٓ غ‬١‫; ) " ِرطاتمر‬
return false;
}
}
</script>
</body>

9
 ‫‪02101420616‬‬ ‫أ ‪ /‬أؼّذ تغ‪ ٟٔٛ١‬اٌؽصش‪ٞ‬‬ ‫ِٕ‪ٙ‬ط اٌؽاعة ا‪ٌٍ ٌٟ٢‬صف اٌصأ‪ ٟ‬اإلػذاد‪ ٞ‬ذشَ شاْ‬
‫ً‬
‫سابؼا ‪ِٕ :‬غ إدخاي ٔىع ِٓ اٌبُأات خماٌف ٌٕىع احلمً‬

‫>"‪<body dir="rtl‬‬
‫>"‪<form name="form1" action="data.php‬‬
‫>"‪<input type="text" name="text1‬‬
‫>‪ " onclick="return f1();"/‬اسعاي "=‪<input type="submit" value‬‬
‫>‪</form‬‬
‫>‪<script‬‬
‫{)(‪function f1‬‬
‫{))‪if (isNaN(form1.text1.value‬‬
‫; )" إدخاي ل‪ّ١‬ح ػذد‪٠‬ح"( ‪alert‬‬
‫;‪return false‬‬
‫}‬
‫}‬
‫>‪</script‬‬
‫>‪</body‬‬

‫ٌغة ‪: Html 5‬‬

‫‪ ٟ٘ Html5‬إصذاس ظذ‪٠‬ذ ِٓ ٌغح ‪ Html‬ظ‪ٙ‬ش ػاَ ‪ٚ َ 1024‬تٗ اٌؼذ‪٠‬ذ ِٓ اٌرؽغ‪ٕ١‬اخ اٌر‪ٍّٔ ٟ‬غ‪ٙ‬ا‬
‫ِٓ خالي اعرخذاَ ِعّ‪ٛ‬ػح ِٓ األد‪ٚ‬اخ اٌعذ‪٠‬ذج اٌر‪ ٟ‬ذغ‪ ِٓ ًٙ‬فىشج ذصّ‪ ُ١‬صفؽح اٌ‪٠ٛ‬ة ‪.‬‬

‫‪ّ٠‬ىٓ ِٓ خالي ‪ Html5‬إظافح تؼط أد‪ٚ‬اخ اٌرؽىُ اٌّغرخذِح ف‪ ٟ‬اإلدخاي ‪ٚ‬اٌرت‪ ٟ‬ذغتاػذ فت‪ ٟ‬اٌترؽىُ ‪ٚ‬اٌرأوتذ‬
‫ِٓ صؽح اٌث‪١‬أاخ اٌّذخٍح ِٕ‪ٙ‬ا ‪-:‬‬

‫‪-2‬صٕذوق األٌىاْ ‪:‬‬

‫‪٠‬ر‪١‬ػ ٌٍّغرخذَ اخر‪١‬اس ٌ‪ ِٓ ْٛ‬خالي صٕذ‪ٚ‬ق األٌ‪ٛ‬اْ ِٓ األِش اٌراٌ‪ٟ‬‬

‫>"‪<input type="color‬‬
‫ِصاي‬

‫>‪<form‬‬
‫اخرش ٌ‪ٔٛ‬ه اٌّفعً‬
‫>‪<br‬‬
‫>"‪<input type="color‬‬
‫>‪</form‬‬

‫‪11‬‬
 ‫‪02101420616‬‬ ‫أ ‪ /‬أؼّذ تغ‪ ٟٔٛ١‬اٌؽصش‪ٞ‬‬ ‫ِٕ‪ٙ‬ط اٌؽاعة ا‪ٌٍ ٌٟ٢‬صف اٌصأ‪ ٟ‬اإلػذاد‪ ٞ‬ذشَ شاْ‬
‫ثأُا ‪ :‬صٕذوق اٌحاسَخ ‪: Date‬‬

‫>"‪<input type="date‬‬ ‫‪٠‬ر‪١‬ػ ٌٍّغرخذَ إدخاي ذاس‪٠‬خ ِؼ‪ ٓ١‬ت‪ٛ‬اعطح ٔافزج اٌرم‪ ُ٠ٛ‬تاألِش‬

‫ِصاي ‪:‬‬
‫>‪<form‬‬
‫اخرش اٌراس‪٠‬خ اٌّطٍ‪ٛ‬ب‬
‫>‪<br‬‬
‫>"‪<input type="date‬‬
‫>‪</form‬‬

‫ً‬
‫ثاٌثا صٕذوق اٌؼذد ‪: Number‬‬

‫‪٠ٚ‬غرخذَ إلدخاي ل‪ ُ١‬التذ أْ ذى‪ ْٛ‬ػذد‪٠‬ح ‪ّ٠ٚ‬ىٓ ذؽذ‪٠‬ذ ِذ‪ِ ٜ‬ؼ‪ٌٙ ٓ١‬زٖ اٌم‪ ُ١‬تاألِش‬
‫>"‪<input type="submit‬‬
‫ِصاي‬

‫>‪<form‬‬
‫ادخً ل‪ ُ١‬ػذد‪٠‬ح ذرشا‪ٚ‬غ ت‪10 ٚ 2 ٓ١‬‬
‫>‪<br‬‬
‫>"‪<input type="number" min="1" max="25‬‬
‫>"‪<input type="submit‬‬
‫>‪</form‬‬

‫ً‬
‫‪Password , date , number , clekbox ,radio‬‬ ‫سابؼا ‪ :‬اخلاصُة ‪ Required‬ألداج صٕذ‪ٚ‬ق إٌص ‪ Text‬أ‪ٚ‬‬

‫‪٠‬رطٍة رٌه ظش‪ٚ‬سج إدخاي ل‪ّ١‬ح ػٓ غش‪٠‬ك اٌّغرخذَ ‪ٚ‬ػذَ ذشو‪ٙ‬ا فاسغح‬

‫>‪<form‬‬
‫>‪<input type="text" Required‬‬
‫>"‪<input type="submit‬‬
‫>‪</form‬‬

‫ٍِحىظة ‪:‬‬
‫ػٕتتذ اٌعتتغػ ػٍتت‪ ٝ‬صس ‪ Submit‬تتتذ‪ ْٚ‬إدختتاي أ‪ ٞ‬ل‪ّ١‬تتح فتت‪ ٟ‬صتتٕذ‪ٚ‬ق اٌتتٕص ذظ‪ٙ‬تتش سعتتاٌح ت‪ٛ‬اعتتطح‬
‫اٌّغرؼشض ذطٍة ظش‪ٚ‬سج إدخاي ل‪ّ١‬ح ‪ٚ‬ػذَ ذشن اٌصٕذ‪ٚ‬ق فاسؽ ‪.‬‬

‫‪11‬‬
 ‫‪02101420616‬‬ ‫أ ‪ /‬أؼّذ تغ‪ ٟٔٛ١‬اٌؽصش‪ٞ‬‬ ‫ِٕ‪ٙ‬ط اٌؽاعة ا‪ٌٍ ٌٟ٢‬صف اٌصأ‪ ٟ‬اإلػذاد‪ ٞ‬ذشَ شاْ‬

‫االسحخذاَ آِِ ٌالٔرتٔث‬

‫‪ -2‬عتشلح اٌ‪٠ٛٙ‬تح ‪ : Identity Theft‬أرؽتاي أ‪ ٚ‬اعترخذاَ شتخص ِتا اعتُ شتخص‬

‫آخش ٌغشض عشلرٗ أ‪ ٚ‬عشلح شخص أخش‬

‫‪ -1‬اٌثشاِط اٌعاسج ‪ ٟ٘ : Mal ware‬تتشاِط ػذائ‪١‬تح أ‪ِ ٚ‬رطفٍتح أ‪ِ ٚ‬ضػعتح ذرغتًٍ‬

‫ِتٓ ختالي اٌثتشاِط ‪ٚ ،‬أعتّ‪ٙ‬ا ِشترك ِتٓ وٍّتح ‪ ( Malicious‬خث‪١‬تس ) ‪ٌٚ‬رفاد‪ٙ٠‬تا ٔغترخذَ ِعتاداخ‬

‫اٌف‪١‬ش‪ٚ‬عاخ ‪.‬‬

‫‪ -3‬تتتشاِط اٌرعغتتظ ‪٘ٚ :‬تت‪ ٟ‬تتتشاِط وّث‪١‬تت‪ٛ‬ذش ذمتت‪ َٛ‬تعّتتغ اٌّؼٍ‪ِٛ‬تتاخ اٌشخصتت‪١‬ح ػتتٓ اٌّغتترخذِ‪ ٓ١‬د‪ْٚ‬‬

‫اٌؽص‪ٛ‬ي ػٍت‪ِ ٝ‬ت‪ٛ‬افمر‪ٌٚ ُٙ‬رفتاد‪ ٞ‬رٌته ذغترخذَ تتشاِط ٌٍىشتف ػتٓ اٌٍّفتاخ‬

‫اٌخث‪١‬صح وٍّفاخ اٌرعغظ ‪ٚ‬اٌٍّفاخ اٌذػا‪٠‬ح ‪.‬‬

‫‪ -4‬اٌف‪١‬ش‪ٚ‬ط ‪ ٛ٘ : Virus‬تشٔاِط صغ‪١‬ش ظتاس ٌتٗ لتذسٖ ػٍت‪ ٝ‬االٔرشتاس اٌتزاذ‪ٟ‬‬

‫ف‪١‬ص‪١‬ة أظ‪ٙ‬ضج اٌىّث‪ٛ١‬ذش ‪ٚ‬اٌثشاِط ‪.‬‬

‫‪ -5‬اٌشِتت‪ٛ‬ص اٌغتتش‪٠‬ح ‪٘ :‬تت‪ ٟ‬وافتتح اٌث‪١‬أتتاخ اٌشخصتت‪١‬ح اٌرتت‪ ٟ‬ذختتص أ‪ ٞ‬فتتشد ‪٠‬رؼاِتتً ِتتغ ‪ٚ‬عتتائً ذىٕ‪ٌٛٛ‬ظ‪١‬تتا‬

‫اٌّؼٍ‪ِٛ‬اخ ‪ٚ‬االذصاالخ ‪ٚ‬اٌر‪ ٟ‬ال ‪ٕ٠‬ثغ‪ ٟ‬اٌىشف ػٕ‪ٙ‬تا أل‪ ٞ‬أؼتذ ِصتً اعتُ اٌّغترخذَ ‪ٚ‬وٍّتح اٌّتش‪ٚ‬س ػٕتذ‬

‫اٌرؼاًِ ِغ االٔرشٔد أ‪ ٚ‬اٌرٍ‪١‬ف‪ ْٛ‬اٌّؽّ‪ٛ‬ي ‪.‬‬

‫ِغ أطُب اٌحُّٕات باٌحىفُك وإٌجاح‬

‫أ ‪ /‬أمحذ احلصشٌ‬
‫‪02101420686‬‬

‫‪12‬‬