HTML/Topics/Forms

من موسوعة حسوب
< HTML‏ | Topics
مراجعة 05:30، 10 يناير 2018 بواسطة عبد اللطيف ايمش (نقاش | مساهمات)
(فرق) → مراجعة أقدم | المراجعة الحالية (فرق) | مراجعة أحدث ← (فرق)

توفِّر HTML عددًا من العناصر التي يمكن أن تتكامل مع بعضها لإنشاء نماذج يمكن للمستخدمين ملأها وإرسالها إلى خادوم الويب لمعالجها.

العنصر الوصف
<button> يُمثِّل العنصر <button> زرًا قابلًا للضغط.
<datalist> يحتوي العنصر <datalist> على عناصر <option> التي تُمثِّل القيم المتوافرة لعناصر النماذج الأخرى.
<fieldset> تجميع عدِّة عناصر ولافتات (<label>) ضمن نموذج في مستند HTML؛ مما يجعل نماذجك أسهل استخدامًا وأوضح.
<form> تمثيل قسم في المستند الذي يحتوي على عناصر يستطيع المستخدم التفاعل معها لإرسال بيانات إلى خادوم الويب.
<input> يُستخدَم العنصر <input> لإنشاء عناصر تفاعلية للنماذج في صفحات الويب التي تقبل معطيات من المستخدم، ثم تُرسَل إلى الخادوم.
<label> تمثيل لافتة (caption) لأحد عناصر النماذج.
<legend> تمثيل لافتة (caption) لعنصر <fieldset> الأب له.
<meter> يُمثِّل العنصر <meter> إما قيمةً عددية ضمن مجال معيّن، أو قيمةً جزئية (fractional value).
<optgroup> إنشاء مجموعة من الخيارات ضمن العنصر <select>.
<option> تعريف عنصر محتوى ضمن العنصر <select> أو<optgroup> أو <datalist>. وبالتالي يمكن استخدام العنصر <option>لتمثيل عناصر القوائم في مختلف أنوع القوائم في مستند HTML.
<output> تمثيل ناتج عملية حسابية أو أحد أفعال المستخدم.
<progress> تمثيل تقدم إكمال مهمة ما، ويُعرَض عادةً على شكل شريط تقدم (progress bar).
<select> تمثيل عنصر من عناصر النماذج يوفِّر قائمةً من الخيارات.
<textarea> تمثيل عنصر من عناصر النماذج يوفِّر مربعًا نصيًا متعدد الأسطر قابلًا للتعديل.