عرض مصدر HTML/Topics/Forms

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