شئInput Search منتسب با يك عنصرHTML <input> ميباشد .با شئ فوق ميتوان عنصرHTML <input> صفحه را بصورت اقدامات شئ گرائي مديريت كرد.
بايد عنصر<input> مرتبط با شئInput Search داراي ويژگيtype="search " باشد .مقدار پيش فرض ويژگيtype براي عنصرinput مقدار"text" ميباشد. شئInput Search يك فيلد ورودي جستجو را نمايندگي ميكند.
مثال ـ دسترسي به شئInput Search باid="mySearch"
var x = document.getElementById("mySearch");
با متدdocument.createElement() ميتوان شئInput Search را ايجاد نمود .بعبارتي ميتوان عنصر<input> را با ويژگيtype="search" ايجاد كرد.
مثال ـ ايجاد شئInput Search
var x = document.createElement("INPUT");
x.setAttribute("type", "search");
ويژگي | شرح |
---|---|
autocomplete | مقدار ويژگيautocomplete را تنظيم ويابرگشت ميدهد .
ويژگي تكميل خودكار شئInput Search |
autofocus | ويژگي مشخص ميكند كه آيا عنصر بصورت اتوماتيك در بارگذاري انتخاب شود. |
defaultValue | مقدار پيش فرض فيلد ورودي راتنظيم ويا برميگرداند. |
disabled | وضعيت فعال بودن عنصر را تنظيم ويابرگشت ميدهد. |
form | ويژگيform مشخص ميكند كه فيلد ورودي ، متعلق بكدام عنصرفرم است. |
list | فهرستي از عنصر<datalist> كه شامل ليستي ازمتون جستجواست برگشت ميدهد. |
maxlength | مقدار ويژگيmaxlength راتنظيم ويا برگشت ميدهد .
حداكثر كراكتر را براي فيلد مشخص ميكند. |
name | ويژگيname نامي را براي ورودي مشخص ميكند. |
pattern | ويژگي فوق الگوئي را براي فيلد وردي مشخص ميكند. |
placeholder | توضيح كوتاهي براي فيلد ورودي مشخص ميكند.
متن كوتاه قبل از واردكردن متن در آن فيلد قرار ميگيردو با شروع وارد نمودن پاك ميشود. |
readonly | مشخص ميكند كه فيلد ورودي فقط خواندني است |
required | مشخص ميكند كه فيلد ورودي ضروري است وبايد تكميل شود. |
size | اندازه فيلد ورودي را مشخص ميكند. |
type | ويژگيtype نوع عنصر ورودي را مشخص ميكند .
type="search"برايInput Search |
value | مقدار ويژگيvalue را براي فيلد برگشت ويا تنظيم ميكند. |
متد شرح | |
---|---|
blur() | فوكوس را از فيلد جستجو رها ميكند. |
focus() | فيلد جستجو را فوكوس ميكند. |
select() | محتوي فيلد جستجو را انتخاب يامارك ميكند |
شئInput Search از ويژگي ها ورويداد هاي استاندارد پيروي ميكند.