Previous >    <Next  

HTML DOM Input Search Object

‎شئInput Search ـ فليد ورودي جستجو

‎شئ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");

--(go to editor for change code and run)

‎ايجاد شئInput Search

‎با متد‎document.createElement()‎‎ ميتوان شئInput Search را ايجاد نمود .بعبارتي ‎ميتوان عنصر‎<input>‎ را با ويژگيtype="search‎"‎ ايجاد كرد.

‎مثال ـ ايجاد شئInput Search

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

--(go to editor for change code and run)

‎ويژگي هايInput Search Object

‎ويژگي ‎شرح
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 را براي فيلد برگشت ويا تنظيم ميكند.

‎متدهاي هي شئInput Search

‎متد ‎شرح
blur() ‎فوكوس را از فيلد جستجو رها ميكند.
focus() ‎فيلد جستجو را فوكوس ميكند.
select() ‎محتوي فيلد جستجو را انتخاب يامارك ميكند

‎شئInput Search از ويژگي ها ورويداد هاي استاندارد پيروي ميكند.

‎صفحات مرتبط

HTML forms

HTML <input> Tag

HTML type Attribute


Previous >    <Next