انتقل إلى محتوى الدرس

HTML form input syntax طريقة كتابة الحقول في HTML form

سوف تتعلم في هذا الدرس جميع أنواع inputs الحقول داخل عنصر HTML form، ووظيفة كل input، بالإضافة إلى الحقول الأكثر استخدامًا.

1 صفوف تعليمية
لغة HTML
12,774 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي
  • العنصر <input> يوفر أداة إدخال. يرسل النموذج الحقول المشاركة عند الإرسال، أو يقرأ JavaScript قيمها؛ لا يرسل الحقل البيانات إلى الخادم من تلقاء نفسه.

  • الخاصية type هي التي تحدد نوع الحقل، ويتم ذلك عن طريق تعيين قيمة لها مثل: "type="text. 

يربط label بالحقل عبر for وid، بينما يحدد name اسم القيمة عند إرسال النموذج. placeholder ليس بديلًا عن تسمية واضحة.

Input Element Syntax

كيفية كتابة عنصر <input> مع تحديد النوع.

HTML
<input type= "value">

HTML Form Text Input

حقل من النوع [text] لإدخال نص في سطر واحد؛ يحدد maxlength حد الطول عند الحاجة.

HTML
<form>
  <label for="username">Username:</label>
    <input type="text" id="username" name="username">
</form>