آموزش طراحی سایت (HTML CSS Javascript) | آتریا

تگ input-search در JavaScript

شیء input search

این شیء در html5 جدید می باشد.

شیء input search نماینده ی تگ اچ تی ام ال <input> با ویژگی "type="search می باشد.

دسترسی به شیء input search

شما می توانید با استفاده از دستور getElementById به یک عنصر <input> با ویژگی "type="search دسترسی داشته باشید:

var x = document.getElementById("mysearch"); امتحان کنید

نکته: شما همچنین می توانید با جستجو در مجموعه عناصر یک فرم، به یک < "input type="search> دسترسی داشته باشید.

ایجاد یک شیء input search

شما می توانید با استفاده از متد ()document.createElement یک عنصر <input> با ویژگی "type="search را ایجاد کنید:

var x = document.createElement("input");
x.setattribute("type", "search"); امتحان کنید

خصوصیت های شیء input search

متد	توضیحات
autocomplete	مقدار خصوصیت autocomplete از یک فیلد search را ست کرده یا برمی گرداند.
autofocus	ست کرده یا برمی گرداند که آیا هنگام لود شدن صفحه، یک فیلد search باید یه طور اتوماتیک فوکس را دریافت کند یا نه.
defaultvalue	مقدار پیش فرض یک فیلد search را ست کرده یا برمی گرداند.
disabled	ست کرده یا برمی گرداند که آیا یک فیلد search غیر فعال است یا نه.
form	یک ارجاع به فرمی که دربردارنده ی فیلد search است را برمی گرداند.
list	یک ارجاع به datalist ی که دربردارنده ی فیلد search است را برمی گرداند.
maxlength	مقدار خصوصیت maxlength از یک فیلد search را ست کرده یا برمی گرداند.
name	مقدار خصوصیت name از یک فیلد search را ست کرده یا برمی گرداند.
pattern	مقدار خصوصیت pattern از یک فیلد search را ست کرده یا برمی گرداند.
placeholder	مقدار خصوصیت placeholder از یک فیلد search را ست کرده یا برمی گرداند.
readonly	ست کرده یا برمی گرداند که آیا فیلد search فقط خواندنی است یا نه.
required	ست کرده یا برمی گرداند که آیا قبل از ارسال یک فرم، فیلد search باید پر شده باشد یا نه.
size	مقدار خصوصیت size از یک فیلد search را ست کرده یا برمی گرداند.
type	برمی گرداند که فیلد search چه نوع عنصر فرمی است.
value	مقدار خصوصیت valuse از یک فیلد search را ست کرده یا برمی گرداند.