برمجة

نماذج HTML: input وlabel وbutton

بناء نموذج بسيط واختيار أنواع الحقول.

كل الدروس · دروس HTML: تعلّم من الصفر

نموذج بسيط

<form action="/subscribe" method="post">
  <label for="email">Email</label>
  <input id="email" name="email" type="email" required>

  <label for="pw">Password</label>
  <input id="pw" name="pw" type="password" minlength="8" required>

  <button type="submit">Sign up</button>
</form>
  • <label for="id"> مرتبط بحقل — النقر عليه يفعّل الحقل وتقرؤه قارئات الشاشة.
  • بدون السمة name لا تُرسَل قيمة الحقل.
  • required وminlength وtype="email" يوفّر تحققاً بسيطاً في المتصفح، ويبقى التحقق في الخادم لازماً.

أنواع الحقول

الأكثر استخداماً: text وemail وpassword وnumber وdate وcheckbox وradio وfile وtel. للنص الطويل <textarea> وللقائمة المنسدلة <select>.

المؤلف: Nibras Code