النموذج

ضع هذا داخل <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="f_bare">العنوان</label>
  <input rst-input type="text" id="f_bare" name="f_bare">
</div>

ضع هذا داخل <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="f_hint">المعرّف النصي <span rst-field-hint>(أحرف صغيرة، بلا مسافات)</span></label>
  <input rst-input type="text" id="f_hint" name="f_hint">
</div>

ضع هذا داخل <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="f_help">البريد الإلكتروني</label>
  <input rst-input type="email" id="f_help" name="f_help" autocomplete="email" aria-describedby="f_help-help">
  <p rst-field-help id="f_help-help">نستخدمه فقط لإرسال الردود إليك.</p>
</div>

ضع هذا داخل <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="f_required">الاسم الكامل</label>
  <input rst-input type="text" id="f_required" name="f_required" required>
</div>

ضع هذا داخل <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="f_error">البريد الإلكتروني</label>
  <input rst-input type="email" id="f_error" name="f_error" value="grace@" aria-invalid="true" aria-describedby="f_error-error">
  <p rst-field-error id="f_error-error" role="alert">لا يبدو هذا عنوان بريد إلكتروني.</p>
</div>

ضع هذا داخل <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="f_short">الرمز البريدي</label>
  <input rst-input="short" type="text" id="f_short" name="f_short" value="D02 XY45">
</div>

ضع هذا داخل <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="f_primary">العنوان</label>
  <input rst-input="primary" type="text" id="f_primary" name="f_primary" value="اجتماع مجلس الإدارة الفصلي">
</div>

ضع هذا داخل <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="ft_bare">العنوان</label>
  <input rst-input id="ft_bare" name="ft_bare" type="text">
</div>

ضع هذا داخل <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="ft_hint">العنوان الرئيسي</label>
  <input rst-input id="ft_hint" name="ft_hint" type="text" aria-describedby="ft_hint-hint">
  <small rst-field-hint id="ft_hint-hint">يظهر في القائمة.</small>
</div>

ضع هذا داخل <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="ft_required">الاسم المعروض <span rst-field-required aria-hidden="true">*</span></label>
  <input rst-input id="ft_required" name="ft_required" type="text" autocomplete="nickname" required>
</div>

ضع هذا داخل <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="ft_error">العنوان</label>
  <input rst-input id="ft_error" name="ft_error" type="text" value="ملاحظات الإصدار" aria-invalid="true" aria-describedby="ft_error-error">
  <small rst-field-error id="ft_error-error">يوجد منشور بهذا العنوان بالفعل.</small>
</div>

ضع هذا داخل <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="ft_primary">ما هو؟</label>
  <input rst-input="primary" id="ft_primary" name="ft_primary" type="text" value="اجتماع مجلس الإدارة الفصلي">
</div>

ضع هذا داخل <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="fu_bare">الموقع الإلكتروني</label>
  <input rst-input id="fu_bare" name="fu_bare" type="text" inputmode="url" autocomplete="url" autocapitalize="none" autocorrect="off" spellcheck="false">
</div>

ضع هذا داخل <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="fu_hint">موقع الشركة</label>
  <input rst-input id="fu_hint" name="fu_hint" type="text" inputmode="url" autocomplete="url" autocapitalize="none" autocorrect="off" spellcheck="false" aria-describedby="fu_hint-hint">
  <small rst-field-hint id="fu_hint-hint">يمكنك حذف https.</small>
</div>

ضع هذا داخل <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="fu_error">الموقع الإلكتروني</label>
  <input rst-input id="fu_error" name="fu_error" type="text" inputmode="url" autocomplete="url" autocapitalize="none" autocorrect="off" spellcheck="false" value="brightwater" aria-invalid="true" aria-describedby="fu_error-error">
  <small rst-field-error id="fu_error-error">أدخل عنوان ويب، مثل example.com.</small>
</div>

ضع هذا داخل <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="fm_bare">سعر التذكرة <span class="rst-mono">EUR</span></label>
  <input rst-input id="fm_bare" name="fm_bare" type="text" inputmode="decimal">
  <input type="hidden" name="fm_bare.locale" value="en">
  <input type="hidden" name="fm_bare.currency" value="EUR">
  <input type="hidden" name="fm_bare.seed" value="">
</div>

ضع هذا داخل <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="fm_hint">سعر التذكرة <span class="rst-mono">EUR</span></label>
  <input rst-input id="fm_hint" name="fm_hint" type="text" inputmode="decimal" aria-describedby="fm_hint-hint">
  <input type="hidden" name="fm_hint.locale" value="en">
  <input type="hidden" name="fm_hint.currency" value="EUR">
  <input type="hidden" name="fm_hint.seed" value="">
  <small rst-field-hint id="fm_hint-hint">مثلًا، 12.50 أو €12.50.</small>
</div>

ضع هذا داخل <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="fm_error">سعر التذكرة <span class="rst-mono">EUR</span></label>
  <input rst-input id="fm_error" name="fm_error" type="text" inputmode="decimal" value="12,.50" aria-invalid="true" aria-describedby="fm_error-error">
  <input type="hidden" name="fm_error.locale" value="en">
  <input type="hidden" name="fm_error.currency" value="EUR">
  <input type="hidden" name="fm_error.seed" value="">
  <small rst-field-error id="fm_error-error">استخدم النقطة للكسور العشرية، مثل 12.50.</small>
</div>

ضع هذا داخل <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="ta_bare">ملاحظات</label>
  <textarea rst-textarea id="ta_bare" name="ta_bare" rows="3"></textarea>
</div>

ضع هذا داخل <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="ta_hint">نبذة</label>
  <textarea rst-textarea id="ta_hint" name="ta_hint" rows="3" aria-describedby="ta_hint-hint"></textarea>
  <small rst-field-hint id="ta_hint-hint">يظهر في ملفك الشخصي.</small>
</div>

ضع هذا داخل <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="ta_error">الملخص</label>
  <textarea rst-textarea id="ta_error" name="ta_error" rows="3" aria-invalid="true" aria-describedby="ta_error-error">…</textarea>
  <small rst-field-error id="ta_error-error">يحتاج الملخص إلى عشرين حرفًا على الأقل.</small>
</div>

ضع هذا داخل <section rst-box><form rst-form>.

<div rst-field>
  <label rst-field-label for="ta_required">سبب الاسترداد <span rst-field-required aria-hidden="true">*</span></label>
  <textarea rst-textarea id="ta_required" name="ta_required" rows="3" required></textarea>
</div>