القائمة الرئيسية

الصفحات

آخر الأخبار

تعلم لغة البرمجة للمبتدئين لغة html الدرس (13)

شرح أجزاء النموذج Form وعناصرها كاملة

html form
html form


  • عمل صندوق الأسم و كلمة السر بإستخدام لغة HTML

المعلومات الشخصية


<form name="register"> <fieldset><!-- صندوق حول كلمة السر و الباسبورد --> <legend>المعلومات الشخصية</legend><!-- عنوان الصندوق --> <label>Username</label> <input type="text"> <br><br> <label>Password</label> <input type="password"> </fieldset> <br>

  • أمثلة على صناديق الرسائل بإستخدام لغة HTML





<!-- صندوق الرسائل --> <label>Your Message</label><br> <textarea></textarea> <br> <textarea rows="6"></textarea>التحكم في عدد الصفوف rows <br> <textarea rows="6" cols="60">أكتب لنا قصتك:</textarea>التحكم في عرض النص الرسالةcols <br> <textarea rows="6" cols="60" readonly>اللهم صلي و سلم و بارك على سيدنا محمد</textarea>رسالة للقرائة فقط readonly

  • عمل حقل الأسم بداخله كتابة مسبقة  بإستخدام لغة HTML


الكود المستخدم HTML
<form name="register"> <label>Username</label> <input type="text" name="username" value=Alimne>

  • عمل حقل البحثبداخله كتابة مسبقة  مثل بحث Google بإستخدام لغة HTML

Search In Alimne

الكود المستخدم HTML

<table>Search In Alimne </table> <input type="text" name="username" vaue="" placeholder="Search Alimne or type a keyword">
  • عمل حقل المستخدم و كلمة السر بإستخدام لغة HTML 
  • عمل زر التسجيل بإستخدام لغة HTML
  • عمل زر تذكرني بإستخدام لغة HTML
  • عمل زر الترحيب بإستخدام لغة HTML
  • عمل زر حذف الكل بإستخدام لغة HTML

  • عمل زر رفع الملفات بإستخدام لغة HTML









Upload Your
Choose Your Browser
الكود المستخدم

<label>Password</label> <br> <input type="password" name="password"> <br> <label>Username</label> <br> <input type="text" name="username" maxlength="10"> <!-- تذكرني --> <br><br> <input type="checkbox"> <label>تذكرني</label> <br><br> <input type="button" name="Say Hello" value="Say Hello" onclick="sayHello()"> <!-- الغاء كل شيء --> <input type="reset" value="Restore Default"> <br> <!-- زر رفع الملفات --> <table>Upload Your</table> <input type="file"> <> <br> <table>Choose Your Browser</table>

  • عمل جدول إحترافي بداخله قائمة منسدلة و إجتيارات مع الخصائص لكل منها بإستخدام لغة HTML

أختر الذي تفضل
Chrome
Firefox
Opera

Choose Your Mobile
Iphone
Samsung
Nokia
الكود المستخدم
<fieldset> <legend>أختر الذي تفضل</legend> <!-- قائمة منسدلة --> <!-- size="1" عدد المعروض للقائمة --> <!-- disabled لا يستطيع أحد الأختيار --> <!-- multiple أختيار أكثر من خيار من القائمة بنفس الوقت --> <select name="time" > <optgroup label="New"> <!-- optgroup تنسيق الأبشن --> <option value="1">New</option> <option disabled>Tomorrow</option> <option >After A Week</option> </optgroup> <!-- selected إظهار في اول القائمة المنسدلة --> <optgroup > <option selected>New2</option> <option>Tomo2rrow</option> <option >Afte2r A Week</option> </optgroup> </select> <br> <input type="radio" name="browser" value="Chrome">Chrome<br> <input type="radio" name="browser" value="Firefox">Firefox<br> <input type="radio" name="browser" value="Opera">Opera<br> <br> <table>Choose Your Mobile</table> <input type="radio" name="mobile" value="Iphone">Iphone<br> <input type="radio" name="mobile" value="Samsung">Samsung<br> <input type="radio" name="mobile" value="Nokia">Nokia<br> </fieldset>

reaction:

تعليقات