نماذج 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>.