HTML Tutorial

عنصر <input>

استخدام <input>

تُستخدم علامة <input> لإنشاء عناصر إدخال في نموذج HTML حيث يمكن للمستخدمين إدخال البيانات.

سمات <input>

تدعم علامة <input> مجموعة متنوعة من السمات، بما في ذلك:

  • type: يحدد نوع عنصر الإدخال (مثل نص، رقم، تاريخ، إلخ).
  • name: يحدد اسم العنصر للإشارة إليه في نص البرنامج النصي.
  • value: يحدد القيمة الافتراضية للعنصر.

أمثلة مع <input>

  • إنشاء مربع نصي: <input type="text" name="name">
  • إنشاء مربع اختيار: <input type="checkbox" name="terms">
  • إنشاء زر إرسال: <input type="submit" value="إرسال">

مثال HTML لاستكشاف علامة <input>

<!DOCTYPE html>
<html>
<body>
<form>
  <label for="name">الاسم:</label>
  <input type="text" id="name" name="name">
  <br>
  <label for="email">البريد الإلكتروني:</label>
  <input type="email" id="email" name="email">
  <br>
  <input type="submit" value="إرسال">
</form>
</body>
</html>