أحدث البرامج التعليمية وتطوير الشبكة
 

HTML <input> Tag

❮ السابق التالي ❯

مثال

نموذج HTML مع ثلاثة حقول الإدخال. حقلين نص واحد يقدم زر:

<form action="demo_form.asp">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit" value="Submit">
</form>
انها محاولة لنفسك »

تعريف واستخدام

و <input> تحدد العلامة حقل الإدخال حيث يمكن للمستخدم إدخال البيانات.

<إدخال> يتم استخدام عناصر داخل <form> عنصر لإعلان ضوابط المدخلات التي تسمح للمستخدمين لإدخال البيانات.

حقل الإدخال يمكن أن تختلف في نواح كثيرة، وهذا يتوقف على type السمة.

دعم المتصفح

العنصر
<input> نعم فعلا نعم فعلا نعم فعلا نعم فعلا نعم فعلا

نصائح وملاحظات

ملاحظة: <input> عنصر فارغة، فإنه يحتوي على سمات فقط.

نصيحة: استخدم <label> عنصر لتحديد تسميات <input> العناصر.

الخلافات بين HTML 4.01 و HTML5

و "align" لا يتم اعتماد السمة في HTML5.

في HTML5، و <input> علامة وعدة سمات جديدة، و type السمة لديها العديد من القيم الجديدة.

الخلافات بين HTML و XHTML

في HTML، و <input> علامة وأي علامة نهاية.

في XHTML، و <input> العلامة يجب أن تكون مغلقة بشكل صحيح، مثل هذا <input /> .

الصفات

= جديد في HTML5.

السمة القيمة وصف
accept file_extension
audio/*
video/*
image/*
media_type		 تحدد أنواع الملفات التي يقبل الخادم (فقط ل type="file" )
align left
right
top
middle
bottom		 غير معتمدة في HTML5.
تحدد محاذاة مدخلا صورة (فقط ل type="image" )
alt text يحدد نص بديل للصور (فقط ل type="image" )
autocomplete on
off		 يحدد ما إذا كان <input> العنصر كان ينبغي أن الإكمال التلقائي تمكين
autofocus autofocus يحدد أن <input> عنصر يجب تلقائيا على التركيز عند تحميل الصفحة
checked checked يحدد أن <input> العنصر كان ينبغي أن تم اختيارها مسبقا عند تحميل الصفحة (ل type="checkbox" أو type="radio" )
dirname inputname.dir يحدد التي ستقدم اتجاه النص
disabled disabled يحدد أن <input> عنصر يجب تعطيل
form form_id يحدد واحدة أو أكثر من أشكال و <input> عنصر ينتمي إلى
formaction URL تحديد عنوان URL الملف الذي سيقوم بمعالجة مراقبة المدخلات عندما يقدم النموذج (ل type="submit" و type="image" )
formenctype application/x-www-form-urlencoded
multipart/form-data
text/plain		 يحدد الكيفية التي ينبغي أن ترميز البيانات النموذج عند عرضها على الخادم (ل type="submit" و type="image" )
formmethod get
post		 يحدد طريقة HTTP لإرسال البيانات إلى عنوان العمل (ل type="submit" و type="image" )
formnovalidate formnovalidate يعرف أن عناصر النموذج لا يجب أن تصدق عندما قدم
formtarget _blank
_self
_parent
_top
framename 		تحديد مكان عرض الاستجابة التي يتم تلقيها بعد تقديم النموذج (ل type="submit" و type="image" )
height pixels يحدد ارتفاع من <input> عنصر (فقط ل type="image" )
list datalist_id يشير إلى <datalist> العنصر الذي يحتوي على خيارات محددة مسبقا ل <input> العنصر
max number
date		 يحدد الحد الأقصى المسموح به ل <input> العنصر
maxlength number يحدد الحد الأقصى لعدد الأحرف المسموح بها في <input> العنصر
min number
date		 تحديد قيمة الحد الأدنى ل <input> العنصر
multiple multiple يحدد التي يمكن للمستخدم إدخال أكثر من قيمة في <input> العنصر
name text يحدد اسم من <input> العنصر
pattern regexp يحدد تعبير عادي أن <input> محددا قيمة العنصر ضد
placeholder text يحدد تلميح القصير الذي يصف القيمة المتوقعة ل <input> العنصر
readonly readonly يحدد أن حقل الإدخال للقراءة فقط
required required يحدد أن حقل الإدخال يجب ملء قبل اعتماد النموذج
size number يحدد العرض، في الحروف، ل <input> العنصر
src URL تحديد عنوان URL للصورة لاستخدامها بوصفها زر الإرسال (فقط ل type="image" )
step number يحدد فترات عدد القانونية لحقل الإدخال
type button
checkbox
color
date
datetime
datetime-local
email
file
hidden
image
month
number
password
radio
range
reset
search
submit
tel
text
time
url
week 		يحدد نوع <input> عنصر لعرض
value text يحدد قيمة من <input> العنصر
width pixels يحدد العرض من <input> عنصر (فقط ل type="image" )

السمات العامة

و <input> كما يدعم بطاقة و السمات العامة في HTML .

سمات الحدث

و <input> كما يدعم هذا الكود في حدث سمات في HTML .

صفحات ذات صلة

HTML البرنامج التعليمي: نماذج HTML

HTML DOM إشارة:

الإعدادات الافتراضية CSS

لا شيء.


❮ السابق التالي ❯