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

تگ input-url در JavaScript

شیء input url

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

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

نکته: عناصر <input> با ویژگی "type="url در اینترنت اکسپلورر9 و ورژن های قبلی آن و همچنین در safari پشتیبانی نمی شود.

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

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

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

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

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

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

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

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

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

خصوصیت ها و رویدادهای استاندارد

این شیء، خصوصیت ها و رویدادهای استاندارد javascript را پشتیبانی می کند.

آموزش های مرتبط

آموزش اچ تی ام ال: html forms

مرجع تگ ها: html <input> tag

: نوشته شده توسط احسان عباسی; بازدید: 5063

برای درج دیدگاه، ابتدا باید وارد بیاموز شوید.

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.

مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی