HTML 5 يسمح للمستخدم واجهات كاملة مع مجموعة أوسع من الحاجيات ، وكائنات وشكل وعناصر تفاعلية.
يمكن التحقق من المعاينة مباشرة مع كل متصفح.
الكائن | معاينة | HTML 5 |
|---|---|---|
| نص عادي | <label>نص</label> | |
| زر بسيط | <input type="button" name="nom" value="Bouton"> | |
| صورة | <inputtype="image" src="image/bimage.jpg"> | |
| حقل النص | <inputtype="text" name="texte" value="LeZawali.blogspot.com"> | |
| كلمة السر | <inputtype="password" name="monpass" value="12345"> | |
| تاريخ | <input type="date" name="temps" value="<?php echo $today?>"> | |
| التاريخ والوقت | <input type="datetime" name="temps" value="<?php echo $now?>"> | |
| عدد | <inputtype="number" name="nombre" value="12345"> | |
| اللون | <inputtype="color" name="couleur" value=""> | |
| البحث الميداني | <inputtype="search" name="" list="datalist" value=""> | |
| الاختيار | <inputtype="checkbox" name="checkbox1" value="checkbox"> | |
| مجموعة راديو | <label>خيار 1 <input type="radio" name="radio1" value="radio1"> </label> <label>خيار2 <input type="radio" name="radio1" value="radio2"> </label> | |
| مربع النص | <textarea name="textarea">الزوالي</textarea> | |
| نطاق | <inputtype="range" min="-100" max="100" value="0" step="2" name="power" list="powers"> <datalistid="powers"> <optionvalue="0"> <optionvalue="-30"> <optionvalue="30"> <optionvalue="+50"> </ Datalist> | |
| قائمة البيانات | تستخدم مع المدخلات | <datalistid="identifieur"> <optionvalue="1"> <optionvalue="2"> <optionvalue="3"> </ Datalist> |
| حدد | <selectname="select"> <option>ألفا </option> <option>بيتا </option> <option>دلتا </ option> </select> | |
| حدد قائمة | <selectname="select2" size="3"> <option>ألفا </option> <option>بيتا </option> <option>دلتا </option> </ select> | |
| القائمة | <menutype="context"> <li>جديدة </li> <li>افتح </ li> حفظ <li></ li> </menu> | |
| شريط الأدوات | <menu type="toolbar"> <li><button type="button" onclick="fnew()">جديد</button></li> <li><button type="button" onclick="fopen()">فتح</button></li> <li><button type="button" onclick="fsave()">حفظ</button></li> </menu> | |
| تحرير وسرد | <inputtype="text" list="comboid"> <datalistid="comboid"> <optionvalue="0"> <optionvalue="-30"> <optionvalue="30"> <optionvalue="+50"> </ Datalist> | |
| ملف | <inputtype="file" name="file"> | |
| صورة |  | <imgsrc="image/image.gif"> |
| Fieldset | <fieldset><legend>عنوان </ legend> المحتوى <P></ P> </ Fieldset> | |
| إنتاج | <outputonforminput="value 2"> = 2 + </output> | |
| متر | <metamin=0 max=24 value=12> 12 وحدة </meter> | |
| تقدم | <progressid="prog" max=100> | |
| ملخص | عرض | <details> <summary>عرض</summary> <dl> <dt>terme</dt> <dd>définition</dd> ... </dl> </details> |
| يقدم الزر | <inputtype="submit" name="envoi" value="Envoyer"> |
0 commentaires:
إرسال تعليق