مثلث DOM Input Search

عنصر Input Search

يُعتبر عنصر Input Search عنصرًا جديدًا في HTML5.

يُمثل عنصر Input Search عنصر HTML <input type="search">.

ملاحظة:Internet Explorer 9 (وإصداراتها الأقدم) أو Safari لا تدعم عنصر <input type="search">.

زيارة عنصر Input Search

يمكنك الوصول إلى عنصر <search> باستخدام getElementById()：

var x = document.getElementById("mySearch");

جرب بنفسك

إنشاء عمود البحث Input Search

يمكنك إنشاء عنصر <search> باستخدام طريقة document.createElement().

var x = document.createElement("INPUT");
x.setAttribute("type", "search");

جرب بنفسك

خصائص عمود البحث Input Search

الخصائص الوصف
autocomplete تعيين أو استرداد قيمة الخاصية autocomplete لحقل البحث.
autofocus تعيين أو استرداد ما إذا كان يجب على حقل البحث الحصول على التركيز تلقائيًا عند تحميل الصفحة.
defaultValue تعيين أو استرداد القيمة الافتراضية لحقل البحث.
disabled تعيين أو استرداد ما إذا كان حقل البحث معطلاً.
form استرداد إشارة إلى النموذج الذي يحتوي على حقل البحث.
list استرداد إشارة إلى datalist الذي يحتوي على حقل البحث.
maxLength استرداد قيمة الخاصية maxLength لحقل البحث.
name تعيين أو استرداد قيمة الخاصية name لحقل البحث.
pattern تعيين أو استرداد قيمة الخاصية pattern لحقل البحث.
placeholder تعيين أو استرداد قيمة الخاصية placeholder لحقل البحث.
readOnly تعيين أو استرداد ما إذا كان حقل البحث قابلاً للقراءة فقط.
required تعيين أو استرداد ما إذا كان يجب ملء حقل البحث قبل تقديم النموذج.
size تعيين أو استرداد قيمة الخاصية size لحقل البحث.
step تعيين أو استرداد قيمة الخاصية step لحقل البحث.
type استرداد نوع العنصر للوكلات البحثية.
value تعيين أو استرداد قيمة الخاصية value لحقل البحث.

طرق عمود البحث Input Search

الطريقة الوصف
blur() إزالة التركيز من الحقل البحثي.
focus() تعيين تركيز الحقل البحثي.
select() اختيار محتوى حقل البحث.

الخصائص والإحداث القياسية

يقدم عمود البحث Input Search دعمًا للخصائص والإحداث القياسيةالخصائصوالأحداث。

الصفحات ذات الصلة

تدريب HTML:نموذج HTML

دليل مرجعي HTML:علامة <input> HTML

دليل مرجعي HTML:خصائص نوع HTML<input>