جاري تحميل ... ساحر الملاعب للمعلوميات

إعلان الرئيسية

المتابعون

أخبار ساخنة

إعلان في أعلي التدوينة

دورة html

الدرس السابع كود وضع البريد الإلكتروني. كود وضع رابط صحيح

شرح بعض أكواد إضافة البريد الإلكتروني وكود وضع رابط صحيح


الدرس السابع

ما هي ال XHTML وكيف نعمل بها

هو ذلك الكود   <Doctype !> ويجب كتابته في الأعلى فوق كود أو وسم ال  <html >

ويتم وضعها هكذا  



هذا الكود السابق المقصود به أو الغرض منه تنظيم الأكواد في الموقع أي يجب عليك كتابة الأكواد بطريقة صحيحة ولا تنسى علامات الفتح ولا علامات الإغلاق ويجب أيضا كتابة الأكواد بالحروف الصغيرة small ولا تكتبها بالحروف الكبيرة .

شرح خاصية Required وخاصية PlaceHolder


والمقصود به وضع كود بريد إلكتروني أو رابط صحيح


<body>


<form action="derouss.html" method="post">

< / "ضع بريدك الإلكترونى هنا"=input name="user" type="text" required="required"  placeHolder>

< / "input name="add"value="add"type="submit>

<form/>

<body/>

ويتم وضع الكود هكذا 



إذا عملت إعادة تحميل للصفحة سوف تظهر معك هكذا




كود إجبار الشخص على وضع بريد إلكترونى صحيح


المقصود به إذا وضع الشخص إيميل غير صحصح تظهر له رسالة  ( من فضلك ضع بريد إلكترونى صحيح )

كل ما عليك فقط هو إضافة نفس الكود السابق لكن تغير كلمة text وتضع مكانها كلمة email 

<body>


<form action="derouss.html" method="post">

< / "ضع بريدك الإلكترونى هنا"=input name="user" type="email" required="required"  placeHolder>

< / "input name="add"value="add"type="submit>

<form/>

<body/>

ويتم وضع الكود هكذا 




إذا عملت إعادة تحميل للصفحة سوف تظهر معك هكذا




كود إجبار الشخص على وضع رابط صحيح


المقصود به إذا وضع الشخص رابط موقع  صحصح تظهر له رسالة  ( من فضلك ضع رابط موقع صحيح )

كل ما عليك فقط هو إضافة نفس الكود السابق لكن تغير كلمة text أو email وتضع مكانها كلمة url

<body>


<form action="derouss.html" method="post">

< / "=input name="user" type="url" <required="required"  

< / "input name="add"value="add"type="submit>

<form/>

<body/>

ويتم وضع الكود هكذا 






إذا عملت إعادة تحميل للصفحة سوف تظهر معك هكذا






 color كود خاصية  


كل ما عليك فقط هو إضافة نفس الكود السابق لكن تغير كلمة text وتضع مكانها كلمة color  


<body>


<form action="derouss.html" method="post">

< / "ضع رابط هنا"=input name="user" type="color" required="required"  placeHolder>

< / "input name="add"value="add"type="submit>

<form/>

<body/>

ويتم وضع الكود هكذا 





إذا عملت إعادة تحميل للصفحة وضغطت على كلمة add  سوف تظهر معك هكذا






 كود خاصية autofocus



<body>


<form action="derouss.html" method="post">


  < /  "username   :    <input name="user" type="text

< /  "password   :    <input name="user" type="text

<  /  "input name="add"value="add"type="submit>

<form/>

<body/>





ويتم وضع الكود هكذا



إذا عملت إعادة تحميل للصفحة وضغطت على كلمة add  سوف تظهر معك هكذا




بعد ذلك لو أردت البدء بمربع ال username ضع هذا الكود هكذا 

<  /  "username   :    <input autofocus="" name="user" type="text

وإن أردت البدء بمربع ال password ضع هذا الكود هكذا 

<  /  "password   :    <input autofocus="" name="user" type="text


             
الوسوم:

ليست هناك تعليقات:

إرسال تعليق

إعلان أسفل المقال