Previous >    <Next  

HTML DOM Input URL Object

‎شئInput URL ـ ورودي يوآرال

‎شئInput URL منتسب با يك عنصرHTML ‎<input>‎ ميباشد .با شئ فوق ‎ميتوان عنصرHTML ‎<input>‎ صفحه را بصورت اقدامات شئ گرائي مديريت كرد.

‎بايد عنصر‎<input>‎ مرتبط با شئInput URL داراي ويژگيtype="url‎"‎ ‎باشد .مقدار پيش فرض ويژگيtype براي عنصرinput مقدار‎"text‎"‎ ميباشد.

‎دسترسي به شئInput URL

‎مثال ـ دسترسي به شئInput URL باid="myUrl‎"‎

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

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

‎ايجاد شئInput URL

‎با متد‎document.createElement()‎‎ ميتوان شئInput URL را ايجاد نمود .بعبارتي ‎ميتوان عنصر‎<input>‎ را با ويژگيtype="url‎"‎ ايجاد كرد . اين نوع فيلد ‎براي فرمت ورودي آدرس يوآرا ميباشد.

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

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

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

‎ويژگي ‎شرح
autocomplete ‎مقدار ويژگيautocomplete را تنظيم ويابرگشت ميدهد .
‎ويژگي تكميل خودكار شئInput URL
autofocus ‎ويژگي مشخص ميكند كه آيا عنصر بصورت اتوماتيك در بارگذاري انتخاب شود.
defaultValue ‎مقدار پيش فرض فيلد ورودي يوآرال راتنظيم ويا برميگرداند.
‎الگوي رفتاري دو ويژگيdefaultValue و value براي عناصر مرتبط يكسان است .
‎نمونه اي ارآن در لينكdefaultValue
disabled ‎وضعيت فعال بودن عنصر را تنظيم ويابرگشت ميدهد.
form ‎ويژگيform مشخص ميكند كه فيلد ورودي يوآرال ، متعلق بكدام عنصرفرم است.
list ‎فهرستي از عنصر‎<datalist>‎ كه شامل ليستي ازفيلدهاي يوآرال است برگشت ميدهد.
maxLength ‎حداكثر تعداد كراكتر را در فيلد ورودي يوآرال مشخص ميكند.
name ‎ويژگيname نامي را براي ورودي فيلديوآرال مشخص ميكند.
pattern ‎ويژگي فوق الگوئي را براي فيلد وردي يوآرال مشخص ميكند.
placeholder ‎توضيح كوتاهي براي فيلد ورودي مشخص ميكند.
‎متن كوتاه قبل از واردكردن در آن فيلد قرار ميگيردو با شروع وارد نمودن پاك ميشود.
readonly ‎مشخص ميكند كه فيلد ورودي فقط خواندني است
required ‎مشخص ميكند كه فيلد ورودي ضروري است وبايد تكميل شود.
size ‎عرض فيلد ورودي را برحسب تعداد كراكتر مشخص ميكند.
type ‎ويژگيtype نوع عنصر ورودي را مشخص ميكند .
type="url‎"‎برايInput URL
value ‎مقدار ويژگيvalue را براي فيلد برگشت ويا تنظيم ميكند.

‎متدهاي شئInput URL

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

‎تشريح بعضي از ويژگي هاي شئInput URL دراين صفحه ، ومابقي در صفحات مخصوص كه درلينك ‎جدول آمده است ، تشريح ميشوند.

‎ويژگيInput URL pattern

‎ويژگيInput URL pattern مقدار ويژگيpattern عنصر‎<input>‎ مرتبط با شئ Input URL‎را ‎تنظيم ويا برگشت ميدهد .اين ويژگي الگوي وارد نمودن آدرسurl را براي فيلد ورودي مشخص ‎ميكند، كه شئInput URL نمايانگر فيلد وروديurl ميباشد .

‎ويژگيpattern يك عبارت منظم‎(regular xpression)‎ را براي فيلد وروديurl مشخص ‎ميكند، كه مقدار فيلد ورودي در مقابل آن بررسي ميشود.

‎مثال ـ دريافت عبارت منظم فيلد وروديurl

var x = document.getElementById("myURL").pattern;

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

‎پشتيباني مرورگرBrowser Support -‎

‎ويژگي Chorome Edge Firefox Safari Opera
pattern Yes Yes Yes
Not
supported
Yes

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
urlObject.pattern

‎فرمت تنظيم ويژگي
urlObject.pattern=regexp

‎مقادير ويژگي ـProperty Values

‎مقدار ‎شرح
regrep ‎عبارت تنظيمي براي فيلد ورودي يوآرال مشخص ميكند، كه مقدار فيلد باآن بررسي ميشود.
.مراجعه كنيد HTML pattern Attributeبراي اطلاعات بيشتر به لينك

Previous >    <Next