Forum - شرح النماذج الفورم HTMLدورة تعليم الـ

شرح النماذج الفورم HTMLدورة تعليم الـ

 

 

بسـم الله الرحمـان الرحيـم .. و الصلاة و السلام على أشرف المرسليـن ..

السلام عليكم و رحمـة الله تعالى و بركـاتـه ..

 

و أشهد ألا إلاه إلا الله وحده لا شريك له و أن محمداً عبده و رسوله صلى الله عليه و سلم

و على آله و صحبه أجمعين و من تبعهم بإحسان إلى يوم الدين ..

أولاً نضع وسم البداية ووسم النهاية للفورم

 

والآن نضع الكود الخاص بإدخال النصوص

هاهو الكود مع الشرح:

<form>
<input type="samer"/>
</form>
 
ما بالآحمر يمكنك تغيره إلي ماتريد

 

 

ثم نحفظ العمل عبر هذه الايقونة

والان لـ نري النتيجة في المتصفح

لابد أن هناك منكم يريد أن يكتب بها شيئاً حسناً..نتابع

لنكتب بـ المربع الذي ظهر لنا شيئاً ما علينا إستعمال خاصية value فـ هي تستخدم لوضع قيمة إبتدائية للوسم inPut

نري الكود الذي سنضعه

هاهو الكود مع الشرح:

<form>
<input type="samer" value="T_K_S/>
</form>

يمكنكم تغير ما بالآحمر إلي ماتريدون

ثم نحفظ العمل عبر هذه الايقونة

والان لـ نري النتيجة في المتصفح

أما من يريد أن يضع ضفحة آكبر مثلاً:الإسم وإسم العائلة فـ ذلك بإستخدام الخاصيتانid وname

نري الكود الذي سنضعه

هاهو الكود مع الشرح:

<form dir="rtl">
أسمك
<input type="text" value="ضع أسمك هنا" title="fname" id="fname"/>
<br/>
اسم العائلة
<input type="text" value="ضع أسم عائلتك هنا" title="lname"id="lname"/>
</form>
 
يمكنكم تغير كل ما بالآحمر إلي ماتريدون
 
ونلاحظ أن ما بالآسود هو المكان الذي ستكون فيه النتيجة(يمين أو يسار)
 
وما بالآخضر هي الخاصية name التي تكلمنا عنها
 
وما بالآصفر هي الخاصيةid التي سبق وأن تكلمنا عنها أيضاً
 

ثم نحفظ العمل عبر هذه الايقونة

والان لـ نري النتيجة في المتصفح


Votre Commentaire