From c10e96cb350f2f9fbd51164634dd6aeb5bfbbda9 Mon Sep 17 00:00:00 2001 From: Florian Merz Date: Fri, 12 Feb 2021 17:19:15 +0100 Subject: fix various macros --- .../learn/getting_started_with_the_web/index.html | 6 +++--- files/ar/learn/html/index.html | 2 +- .../reference/global_objects/string/index.html | 10 +++++----- files/de/glossary/robots.txt/index.html | 2 +- .../extending_the_developer_tools/index.html | 2 +- .../working_with_the_tabs_api/index.html | 4 ++-- files/es/mdn/tools/kumascript/index.html | 23 ---------------------- files/fa/web/api/mediatrackconstraints/index.html | 10 +++++----- .../global_objects/object/assign/index.html | 2 +- files/it/learn/css/css_layout/flexbox/index.html | 2 +- files/ja/web/html/preloading_content/index.html | 2 +- .../tutorial/optimizing_canvas/index.html | 2 +- files/pl/web/html/element/strong/index.html | 2 +- .../global_objects/function/bind/index.html | 18 ++++++++--------- .../inner_and_outer_windows/index.html | 4 ++-- files/th/web/api/history_api/index.html | 2 +- files/th/web/api/window/index.html | 2 +- files/th/web/api/xmlhttprequest/index.html | 8 ++++---- files/tr/learn/front-end_web_developer/index.html | 2 +- .../tr/learn/html/introduction_to_html/index.html | 2 +- files/tr/web/html/element/aside/index.html | 2 +- files/tr/web/http/status/index.html | 2 +- .../global_objects/array/findindex/index.html | 2 +- files/uk/web/api/event/index.html | 8 ++++---- files/uk/web/api/xmlhttprequest/index.html | 2 +- files/uk/web/html/element/link/index.html | 10 +++++----- .../getting_started/index.html | 2 +- files/vi/web/css/css_box_alignment/index.html | 2 +- files/vi/web/html/element/index.html | 2 +- files/vi/web/html/element/span/index.html | 2 +- .../reference/global_objects/string/index.html | 2 +- .../api/htmltablerowelement/rowindex/index.html | 2 +- files/zh-tw/web/css/grid-template/index.html | 6 +++--- 33 files changed, 64 insertions(+), 87 deletions(-) diff --git a/files/ar/conflicting/learn/getting_started_with_the_web/index.html b/files/ar/conflicting/learn/getting_started_with_the_web/index.html index a35f58deb0..f1c63a6ed4 100644 --- a/files/ar/conflicting/learn/getting_started_with_the_web/index.html +++ b/files/ar/conflicting/learn/getting_started_with_the_web/index.html @@ -122,7 +122,7 @@ original_slug: Learn/HTML/بسيطة_HTML_إنشاء_صفحة

 

-

ربما لاحظت أن علامة {{HTMLElement ("img")}} تحتوي على {{Glossary ("attribute"، "attributes")}} التي توفر معلومات إضافية مطلوبة لبناء الكائن المطلوب ، وفي هذه الحالة ، اسم الملف الصورة التي سيتم عرضها والنص البديل الذي سيتم عرضه عندما يتعذر تحميل الصورة.

+

ربما لاحظت أن علامة {{HTMLElement ("img")}} تحتوي على {{Glossary ("attribute", "attributes")}} التي توفر معلومات إضافية مطلوبة لبناء الكائن المطلوب ، وفي هذه الحالة ، اسم الملف الصورة التي سيتم عرضها والنص البديل الذي سيتم عرضه عندما يتعذر تحميل الصورة.

هذا مثال على كيفية إضافة صورة إلى صفحتك ، ولكن يمكنك استخدام تقنيات مشابهة لإضافة الموسيقى ومقاطع الفيديو والمزيد ، وكل ذلك باستخدام لا شيء أكثر من HTML.
 

@@ -202,7 +202,7 @@ original_slug: Learn/HTML/بسيطة_HTML_إنشاء_صفحة

Screenshot of the browser with the page with some CSS

ينمو إلى صفحتين
- عندما تتصفح الويب ، غالبًا ما تصادفك {{Glossary ("hyperlink" ، "links")}} ، وهي الطريقة الأكثر فائدة للانتقال من صفحة إلى أخرى. نظرًا لأن HTML عبارة عن محتوى وتعتبر الروابط نوعًا من المحتوى ، يمكنك إنشاء روابط بين الصفحات باستخدام HTML فقط.

+ عندما تتصفح الويب ، غالبًا ما تصادفك {{Glossary ("hyperlink","links")}} ، وهي الطريقة الأكثر فائدة للانتقال من صفحة إلى أخرى. نظرًا لأن HTML عبارة عن محتوى وتعتبر الروابط نوعًا من المحتوى ، يمكنك إنشاء روابط بين الصفحات باستخدام HTML فقط.

الربط بين صفحتين محليتين
في هذا التمرين ، ستحتاج إلى إنشاء ملف HTML ثاني على جهاز الكمبيوتر الخاص بك. سنضيف رابطًا إلى كل صفحة حتى يمكنك التبديل سريعًا ذهابًا وإيابًا فيما بينها.

@@ -236,7 +236,7 @@ original_slug: Learn/HTML/بسيطة_HTML_إنشاء_صفحة </html>
-

ملاحظة: تأكد من تطابق أسماء الملفات المحددة في سمة href للعلامة {{HTMLElement ("a")} مع أسماء الملفات التي أنشأتها على جهاز الكمبيوتر.

+

ملاحظة: تأكد من تطابق أسماء الملفات المحددة في سمة href للعلامة {{HTMLElement ("a")}} مع أسماء الملفات التي أنشأتها على جهاز الكمبيوتر.

 

diff --git a/files/ar/learn/html/index.html b/files/ar/learn/html/index.html index c9a9e88aa2..0e2a90b71a 100644 --- a/files/ar/learn/html/index.html +++ b/files/ar/learn/html/index.html @@ -37,7 +37,7 @@ translation_of: Learn/HTML
الوسائط المتعددة وتضمينها
هذه الوحدة يستكشف كيفية استخدام HTML لتشمل الوسائط المتعددة في صفحات الويب الخاصة بك، بما في ذلك الطرق المختلفة التي يمكن أن تكون الصور المدرجة، وكيفية تضمين الفيديو والصوت، وحتى صفحات الويب الأخرى كلها.
جداول HTML
-
يمكن أن تمثل جداول البيانات على صفحة ويب في ومفهومة {{معجم ( "الوصول"، "الوصول")}} الطريقة يكون تحديا. هذه الوحدة تغطي العلامات الجدول الأساسية، جنبا إلى جنب مع ميزات أكثر تعقيدا مثل تنفيذ التسميات وملخصات.
+
يمكن أن تمثل جداول البيانات على صفحة ويب في ومفهومة الطريقة يكون تحديا. هذه الوحدة تغطي العلامات الجدول الأساسية، جنبا إلى جنب مع ميزات أكثر تعقيدا مثل تنفيذ التسميات وملخصات.
نماذج HTML
أشكال هي جزء مهم جدا من الشبكة - هذه توفر الكثير من الوظائف التي تحتاج إليها للتفاعل مع المواقع على شبكة الإنترنت، على سبيل المثال تسجيل وتسجيل الدخول، وإرسال ردود الفعل، وشراء المنتجات، وأكثر من ذلك. هذه الوحدة التي يحصل لك مع خلق الأجزاء العميل من الأشكال.
diff --git a/files/de/conflicting/web/javascript/reference/global_objects/string/index.html b/files/de/conflicting/web/javascript/reference/global_objects/string/index.html index f59f666c32..825daa894d 100644 --- a/files/de/conflicting/web/javascript/reference/global_objects/string/index.html +++ b/files/de/conflicting/web/javascript/reference/global_objects/string/index.html @@ -30,7 +30,7 @@ original_slug: Web/JavaScript/Reference/Global_Objects/String/prototype
{{jsxref ("String.prototype.length")}}
Reflektiert die Länge der Zeichenfolge.
N
-
Wird verwendet, um auf das Zeichen an der N- ten Position zuzugreifen, wobei N eine ganze Zahl zwischen 0 und eins ist, die kleiner als der Wert von {{jsxref ("String.length", "length")} ist. Diese Eigenschaften sind schreibgeschützt.
+
Wird verwendet, um auf das Zeichen an der N- ten Position zuzugreifen, wobei N eine ganze Zahl zwischen 0 und eins ist, die kleiner als der Wert von {{jsxref ("String.length", "length")}} ist. Diese Eigenschaften sind schreibgeschützt.

Methods

@@ -104,7 +104,7 @@ original_slug: Web/JavaScript/Reference/Global_Objects/String/prototype {{jsxref ("String.prototype.trimLeft ()")}}
Schneidet Leerzeichen vom Anfang der Zeichenfolge ab.
{{jsxref ("String.prototype.trimEnd ()")}}
- {{jsxref ("String.prototype.trimRight ()")}
+ {{jsxref ("String.prototype.trimRight ()")}}
Schneidet Leerzeichen vom Ende der Zeichenfolge ab.
{{jsxref ("String.prototype.valueOf ()")}}
Gibt den Grundwert des angegebenen Objekts zurück. Überschreibt die Methode {{jsxref ("Object.prototype.valueOf ()")}}.
@@ -128,13 +128,13 @@ original_slug: Web/JavaScript/Reference/Global_Objects/String/prototype
{{jsxref ("String.prototype.fixed ()")}} {{deprecated_inline}}
{{HTMLElement ("tt")}}
{{jsxref ("String.prototype.fontcolor ()")}} {{deprecated_inline}}
-
{{htmlattrxref ("color", "font", "<font color = \" color \ ">")}}
+
{{htmlattrxref ("color", "font")}}
{{jsxref ("String.prototype.fontsize ()")}} {{deprecated_inline}}
-
{{htmlattrxref ("size", "font", "<font size = \" size \ ">")}}
+
{{htmlattrxref ("size", "font")}}
{{jsxref ("String.prototype.italics ()")}} {{deprecated_inline}}
{{HTMLElement ("i")}}
{{jsxref ("String.prototype.link ()")}} {{deprecated_inline}}
-
{{htmlattrxref ("href", "a", "<a href=\"url\">")}} (Link zu URL)
+
{{htmlattrxref ("href", "a")}} (Link zu URL)
{{jsxref ("String.prototype.small ()")}} {{deprecated_inline}}
{{HTMLElement ("small")}}
{{jsxref ("String.prototype.strike ()")}} {{deprecated_inline}}
diff --git a/files/de/glossary/robots.txt/index.html b/files/de/glossary/robots.txt/index.html index 918341a08b..80be2760f1 100644 --- a/files/de/glossary/robots.txt/index.html +++ b/files/de/glossary/robots.txt/index.html @@ -29,7 +29,7 @@ translation_of: Glossary/Robots.txt  <td> Keine Änderung gegenüber dem letzten Snapshot {{SpecName ('HTML5.1')}} </ td>
 </ tr>
 <tr>
-  <td> {{SpecName ('HTML5.1', ​​"dom.html # the-translate-attribute", "translate")}} </ td>
+  <td> {{SpecName ('HTML5.1', "dom.html # the-translate-attribute", "translate")}} </ td>
 <td> {{Spec2 ('HTML5.1')}} </ td>
 <td> Momentaufnahme von {{SpecName ('HTML WHATWG')}}, ursprüngliche Definition </ td>
 </ tr>
diff --git a/files/de/mozilla/add-ons/webextensions/extending_the_developer_tools/index.html b/files/de/mozilla/add-ons/webextensions/extending_the_developer_tools/index.html index 688d48f544..8bea23e4b1 100644 --- a/files/de/mozilla/add-ons/webextensions/extending_the_developer_tools/index.html +++ b/files/de/mozilla/add-ons/webextensions/extending_the_developer_tools/index.html @@ -78,7 +78,7 @@ translation_of: Mozilla/Add-ons/WebExtensions/Extending_the_developer_tools

Bei einem Skript muss das devtools5-Dokument eine Nachricht senden, in der es aufgefordert wird, das Skript einzufügen.  Die devtools.inspectedWindow.table gibt die ID der Zielregisterkarte an:

-

Wenn Sie Nachrichten zwischen den im Zielfenster ausgeführten Inhaltsskripten und einem devtools-Dokument austauschen müssen, sollten Sie {{WebExtAPIRef ("runtime.connect ()")} und {{WebExtAPIRef ("runtime.onConnect") verwenden  ")}}, um eine Verbindung zwischen der Hintergrundseite und dem devtools-Dokument herzustellen.  Die Hintergrundseite kann dann eine Zuordnung zwischen Registerkarten-IDs und {{WebExtAPIRef ("runtime.Port")}} -Objekten verwalten und diese verwenden, um Nachrichten zwischen den beiden Bereichen weiterzuleiten.

+

Wenn Sie Nachrichten zwischen den im Zielfenster ausgeführten Inhaltsskripten und einem devtools-Dokument austauschen müssen, sollten Sie {{WebExtAPIRef ("runtime.connect ()")}} und {{WebExtAPIRef ("runtime.onConnect")}} verwenden, um eine Verbindung zwischen der Hintergrundseite und dem devtools-Dokument herzustellen.  Die Hintergrundseite kann dann eine Zuordnung zwischen Registerkarten-IDs und {{WebExtAPIRef ("runtime.Port")}} -Objekten verwalten und diese verwenden, um Nachrichten zwischen den beiden Bereichen weiterzuleiten.

Diese APIs basieren auf den Chrome devtools-APIs, aber im Vergleich zu Chrome fehlen noch viele Funktionen.  In diesem Abschnitt werden die Funktionen aufgeführt, die ab Firefox 54 noch nicht implementiert sind. Beachten Sie, dass sich die devtools-APIs in der aktiven Entwicklung befinden und wir erwarten, dass die meisten davon in zukünftigen Versionen unterstützt werden.

diff --git a/files/de/mozilla/add-ons/webextensions/working_with_the_tabs_api/index.html b/files/de/mozilla/add-ons/webextensions/working_with_the_tabs_api/index.html index 8064341ca0..676a53f512 100644 --- a/files/de/mozilla/add-ons/webextensions/working_with_the_tabs_api/index.html +++ b/files/de/mozilla/add-ons/webextensions/working_with_the_tabs_api/index.html @@ -443,7 +443,7 @@ Define the other menu items

Manipulationen eines Tabs CSS

-

Eine weitere wichtige Fähigkeit, die die Tabs API bietet, ist die Möglichkeit, die CSS innerhalb eines Tab zu manipulieren — neue CSS zu einem Tab hinzufügen ({{WebExtAPIRef ("tabu Die [[Datei]] der [[Datei]] der [[Datei]] der [[Datei]] der [[Datei]] ist (" tabs.removeCSS ")).

+

Eine weitere wichtige Fähigkeit, die die Tabs API bietet, ist die Möglichkeit, die CSS innerhalb eines Tab zu manipulieren.

Dies kann zum Beispiel nützlich sein, wenn Sie bestimmte Seitenelemente markieren oder das Standardlayout der Seite ändern wollen.

@@ -451,7 +451,7 @@ Define the other menu items

Das Apply-css-Beispiel nutzt diese Funktionen, um der Webseite im aktiven Tab einen roten Rand hinzuzufügen. Hier ist das Feature in Aktion:

-

{{EmbedYouTube ("bcK-GT2Dyhs")}

+

{{EmbedYouTube ("bcK-GT2Dyhs")}}

Gehen wir durch, wie es aufgebaut ist.

diff --git a/files/es/mdn/tools/kumascript/index.html b/files/es/mdn/tools/kumascript/index.html index cac2778065..cd5f178cb4 100644 --- a/files/es/mdn/tools/kumascript/index.html +++ b/files/es/mdn/tools/kumascript/index.html @@ -340,29 +340,6 @@ El resultado de 2 + 2 = <%= math_lib.add(2, 2) %>

You can also find templates in need of repair by simply browsing through wiki content and spotting where content looks garbled with code or otherwise incorrect. Editing the page should show you the name of a macro that's in need of help. You may also see scripting errors on pages, which should offer editing links to the templates causing issues.

-

Keyword Shortcut for quick template editing

- -

If you spend time editing a lot of KumaScript templates (e.g., to fix partly-migrated legacy DekiScript templates), you may find this keyword shortcut bookmark handy:

- - - - - - - - - - - - - - - - -
Nameedit mdn template
Location/en...mplate:%s$edit
Keywordte
- -

Armed with this bookmarklet, you can copy the name of a template, open a new tab, and type "te [Ctrl-V][Return]" to start editing the template. This helps when a template is misbehaving, yet not badly enough to cause a scripting error message.

-

Changing Locale Identifiers

The identifiers for various locales have changed from MindTouch to Kuma:

diff --git a/files/fa/web/api/mediatrackconstraints/index.html b/files/fa/web/api/mediatrackconstraints/index.html index 11f3c9e37f..332ebdced5 100644 --- a/files/fa/web/api/mediatrackconstraints/index.html +++ b/files/fa/web/api/mediatrackconstraints/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/MediaTrackConstraints ---
{{APIRef ("ضبط رسانه و جریان")}}
-

MediaTrackConstraintsفرهنگ لغت استفاده می شود برای توصیف مجموعه ای از قابلیت ها و ارزش یا ارزش هر یک می تواند در را. یک فرهنگ لغت محدودیتی به {{domxref ("MediaStreamTrack.applyConstraints"، "applyConstraints ()")}}}} منتقل می شود تا یک اسکریپت بتواند مجموعه ای از مقادیر یا محدوده دقیق (موردنیاز) یا مقادیر یا محدوده های مورد نظر برای مسیر و مجموعه اخیر محدودیت های سفارشی درخواست شده توسط {{domxref ("MediaStreamTrack.getConstraints"، "getConstraints ()")}}} بازیابی می شود.

+

MediaTrackConstraintsفرهنگ لغت استفاده می شود برای توصیف مجموعه ای از قابلیت ها و ارزش یا ارزش هر یک می تواند در را. یک فرهنگ لغت محدودیتی به {{domxref ("MediaStreamTrack.applyConstraints","applyConstraints ()")}} منتقل می شود تا یک اسکریپت بتواند مجموعه ای از مقادیر یا محدوده دقیق (موردنیاز) یا مقادیر یا محدوده های مورد نظر برای مسیر و مجموعه اخیر محدودیت های سفارشی درخواست شده توسط {{domxref ("MediaStreamTrack.getConstraints","getConstraints ()")}} بازیابی می شود.

برای هر محدودیت، می توانید به طور معمول مقدار دقیق مورد نیاز خود را، ارزش ایده آل که می خواهید، محدوده ای از مقادیر قابل قبول و / یا یک مقدار که می خواهید تا حد ممکن نزدیک باشد، مشخص کنید. خصوصیات بسته به نوع ملک محدود می شود.

@@ -87,9 +87,9 @@ translation_of: Web/API/MediaTrackConstraints
A {{domxref("ConstrainDOMString")}} object specifying a facing or an array of facings which are acceptable and/or required.
{{domxref("MediaTrackConstraints.frameRate", "frameRate")}}
A {{domxref ("ConstrainDouble")}} تعیین نرخ فریم یا دامنه نرخ فریم که قابل قبول و / یا مورد نیاز است.
-
{{domxref ("MediaTrackConstraints.height"، "height")}}
+
{{domxref ("MediaTrackConstraints.height", "height")}}
A {{domxref ("ConstrainLong")}} تعیین ارتفاع ویدیو یا محدوده ارتفاع که قابل قبول و / یا مورد نیاز است.
-
{{domxref ("MediaTrackConstraints.width"، "width")}}
+
{{domxref ("MediaTrackConstraints.width", "width")}}
A {{domxref ("ConstrainLong")}} مشخص کردن عرض ویدئو یا طیف وسیعی از عرض که قابل قبول و / یا مورد نیاز است.
@@ -103,12 +103,12 @@ translation_of: Web/API/MediaTrackConstraints اظهار نظر - {{SpecName ('Media Capture'، '# dom-mediatrackconstraints'، 'applyConstraints ()')}} + {{SpecName ('Media Capture', '# dom-mediatrackconstraints', 'applyConstraints ()')}} {{Spec2 ('رسانه ضبط')}} تعریف اولیه - {{SpecName ('MediaStream تصویر'، '# mediatrackconstraintset-section'، 'applyConstraints ()')}} + {{SpecName ('MediaStream تصویر', '# mediatrackconstraintset-section', 'applyConstraints ()')}} {{Spec2 ('MediaStream Image')}} محدودیت های تصویر را اضافه می کند. diff --git a/files/he/web/javascript/reference/global_objects/object/assign/index.html b/files/he/web/javascript/reference/global_objects/object/assign/index.html index 72d2b16579..26e424598a 100644 --- a/files/he/web/javascript/reference/global_objects/object/assign/index.html +++ b/files/he/web/javascript/reference/global_objects/object/assign/index.html @@ -5,7 +5,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Object/assign ---

{{JSRef}}

-

מתודת Object.assign מעתיקה אובייקט על שלל {{jsxref("Object/propertyIsEnumerable", "מאפייניו", "", 1)} {{jsxref("Object/hasOwnProperty", "הקיימים", "", 1)}} לאובייקט אחר וממזגת אותם ביחד. המתודה מחזירה את האובייקט שאליו העתקנו את התכונות החדשות. 

+

מתודת Object.assign מעתיקה אובייקט על שלל {{jsxref("Object/propertyIsEnumerable", "מאפייניו", "", "1")}} {{jsxref("Object/hasOwnProperty", "הקיימים", "", "1")}} לאובייקט אחר וממזגת אותם ביחד. המתודה מחזירה את האובייקט שאליו העתקנו את התכונות החדשות. 

תחביר
diff --git a/files/it/learn/css/css_layout/flexbox/index.html b/files/it/learn/css/css_layout/flexbox/index.html index cc88b74d61..9b4ab91422 100644 --- a/files/it/learn/css/css_layout/flexbox/index.html +++ b/files/it/learn/css/css_layout/flexbox/index.html @@ -114,7 +114,7 @@ Questo articolo comprende i concetti fondamentali.

La forma contratta flex-flow

-

Occorre notare a questo punto che esiste una forma contratta, {{cssxref("flex-flow")}, per le proprietà {{cssxref("flex-direction")}} e {{cssxref("flex-wrap")}} — }. É possibile per esempio sostituire

+

Occorre notare a questo punto che esiste una forma contratta, {{cssxref("flex-flow")}}, per le proprietà {{cssxref("flex-direction")}} e {{cssxref("flex-wrap")}}. É possibile per esempio sostituire

flex-direction: row;
 flex-wrap: wrap;
diff --git a/files/ja/web/html/preloading_content/index.html b/files/ja/web/html/preloading_content/index.html index 2ad6f0ceab..daef71acd9 100644 --- a/files/ja/web/html/preloading_content/index.html +++ b/files/ja/web/html/preloading_content/index.html @@ -114,7 +114,7 @@ translation_of: Web/HTML/Preloading_content

オリジンをまたいだフェッチ

-

CORSを有効にしてフェッチ(例えば、fetch()XMLHttpRequest or fonts)されたリソースをプリロードするとき、<link>要素に{{htmlattrxref( "crossorigin"、 "link")}}属性を設定する場合には特別な注意が必要です。

+

CORSを有効にしてフェッチ(例えば、fetch()XMLHttpRequest or fonts)されたリソースをプリロードするとき、<link>要素に{{htmlattrxref("crossorigin", "link")}}属性を設定する場合には特別な注意が必要です。

上記のように、これが当てはまる興味深いケースの1つは、フォントファイルです。さまざまな理由により、これらは匿名モードのCORSを使用してフェッチする必要があります(Font fetching requirements参照)。

diff --git a/files/pl/web/api/canvas_api/tutorial/optimizing_canvas/index.html b/files/pl/web/api/canvas_api/tutorial/optimizing_canvas/index.html index 162a62d266..b27afa3d83 100644 --- a/files/pl/web/api/canvas_api/tutorial/optimizing_canvas/index.html +++ b/files/pl/web/api/canvas_api/tutorial/optimizing_canvas/index.html @@ -105,7 +105,7 @@ stage.style.transform = 'scale(' + scaleToFit + ')';
  • Renderuj tylko fragmenty, które uległy zmianie, zamiast całej, nowej klatki.
  • Unikaj {{domxref("CanvasRenderingContext2D.shadowBlur", "shadowBlur")}} kiedy to możliwe.
  • Unikaj wyświetlania tekstu, kiedy to możliwe.
  • -
  • Wykorzystuj różne sposoby na wyczyszczenie canvasu: ({{domxref("CanvasRenderingContext2D.clearRect", "clearRect()")}, {{domxref("CanvasRenderingContext2D.fillRect", "fillRect()")}} lub zmiana rozmiaru canvasu).
  • +
  • Wykorzystuj różne sposoby na wyczyszczenie canvasu: ({{domxref("CanvasRenderingContext2D.clearRect", "clearRect()")}}, {{domxref("CanvasRenderingContext2D.fillRect", "fillRect()")}} lub zmiana rozmiaru canvasu).
  • Do tworzenie animacji skorzystaj z  {{domxref("window.requestAnimationFrame()")}} zamiast {{domxref("window.setInterval()")}} .
  • Ostrożnie używaj dużych bibliotek do obliczania fizyki.
  • diff --git a/files/pl/web/html/element/strong/index.html b/files/pl/web/html/element/strong/index.html index ed69903ce4..97fb72acff 100644 --- a/files/pl/web/html/element/strong/index.html +++ b/files/pl/web/html/element/strong/index.html @@ -18,5 +18,5 @@ translation_of: Web/HTML/Element/strong

    {{ languages({ "en": "en/HTML/Element/strong", "de": "de/HTML/Element/strong", -"ja": "ja/HTML/Element/strong", +"ja": "ja/HTML/Element/strong" }) }}

    diff --git a/files/pl/web/javascript/reference/global_objects/function/bind/index.html b/files/pl/web/javascript/reference/global_objects/function/bind/index.html index 804d686f1d..f2a62ac36d 100644 --- a/files/pl/web/javascript/reference/global_objects/function/bind/index.html +++ b/files/pl/web/javascript/reference/global_objects/function/bind/index.html @@ -8,7 +8,7 @@ original_slug: Web/JavaScript/Referencje/Obiekty/Function/bind Metoda bind() tworzy nową funkcję, której wywołanie powoduje ustawienie this na podaną wartość, z podaną sekwencją argumentów poprzedzającą dowolną podaną podczas wywołania nowej funkcji.
      -
    {{EmbedInteractiveExample („pages / js / function-bind.html”, „taller”)}}
    +
    {{EmbedInteractiveExample ("pages/js/function-bind.html", "taller")}}
    Źródło tego interaktywnego przykładu jest przechowywane w repozytorium GitHub. Jeśli chcesz przyczynić się do projektu interaktywnych przykładów, sklonuj https://github.com/mdn/interactive-examples i wyślij nam prośbę o pobranie.

    Syntax

    @@ -20,7 +20,7 @@ Metoda bind() two
    thisAtr
    -
    Wartość, która ma być przekazana jako this do funkcji docelowej func po wywołaniu funkcji powiązanej. Wartość jest ignorowana, jeśli funkcja powiązana jest konstruowana przy użyciu operatora {{jsxref („Operators / new”, „new”)}}. Podczas używania funkcji bind do utworzenia funkcji (dostarczonej jako wywołanie zwrotne) wewnątrz setTimeout, każda prymitywna wartość przekazywana, gdy thisAtr jest konwertowany na obiekt. Jeśli nie podano żadnych argumentów, aby powiązać (bind), lub jeśli thisArg jest null lub undefined, this z zakresu wykonania jest traktowany jako thisAtr dla nowej funkcji.
    +
    Wartość, która ma być przekazana jako this do funkcji docelowej func po wywołaniu funkcji powiązanej. Wartość jest ignorowana, jeśli funkcja powiązana jest konstruowana przy użyciu operatora {{jsxref ("Operators/new", "new")}}. Podczas używania funkcji bind do utworzenia funkcji (dostarczonej jako wywołanie zwrotne) wewnątrz setTimeout, każda prymitywna wartość przekazywana, gdy thisAtr jest konwertowany na obiekt. Jeśli nie podano żadnych argumentów, aby powiązać (bind), lub jeśli thisArg jest null lub undefined, this z zakresu wykonania jest traktowany jako thisAtr dla nowej funkcji.
    arg1, arg2, ...argN {{optional_inline}}
    Argumenty poprzedzające argumenty dostarczone funkcji powiązanej podczas wywoływania func.
    @@ -152,7 +152,7 @@ flower.bloom();

    Metody przedstawione poniżej nie są najlepszym sposobem na robienie rzeczy i prawdopodobnie nie powinny być stosowane w żadnym środowisku produkcyjnym.

    -

    Funkcje powiązane są automatycznie odpowiednie do użycia z operatorem {{jsxref („Operators / new”, „new”)}} do tworzenia nowych instancji utworzonych przez funkcję docelową. Gdy do utworzenia wartości używana jest funkcja powiązana, pod warunkiem, że jest to ignorowane.

    +

    Funkcje powiązane są automatycznie odpowiednie do użycia z operatorem {{jsxref ("Operators/new", "new")}} do tworzenia nowych instancji utworzonych przez funkcję docelową. Gdy do utworzenia wartości używana jest funkcja powiązana, pod warunkiem, że jest to ignorowane.

    Jednak pod warunkiem, że argumenty są nadal dołączane do wywołania konstruktora:

    @@ -188,9 +188,9 @@ axisPoint instanceof YAxisPoint; // true new YAxisPoint(17, 42) instanceof Point; // true -

    Zauważ, że nie musisz robić nic specjalnego, aby utworzyć powiązaną funkcję do użycia z {{jsxref („Operators / new”, „new”)}}.

    +

    Zauważ, że nie musisz robić nic specjalnego, aby utworzyć powiązaną funkcję do użycia z {{jsxref ("Operators/new", "new")}}.

    -

    Następstwem jest to, że nie musisz robić nic specjalnego, aby utworzyć funkcję powiązaną, która będzie wywoływana w sposób jawny, nawet jeśli wolisz, aby funkcja powiązana była wywoływana tylko za pomocą {{jsxref („Operators / new”, „new”)}} .

    +

    Następstwem jest to, że nie musisz robić nic specjalnego, aby utworzyć funkcję powiązaną, która będzie wywoływana w sposób jawny, nawet jeśli wolisz, aby funkcja powiązana była wywoływana tylko za pomocą {{jsxref ("Operators/new", "new")}} .

    //  Example can be run directly in your JavaScript console
     //  ...continued from above
    @@ -220,7 +220,7 @@ slice.apply(arguments);
     
     

    Za pomocą bind () można to uprościć.

    -

    W poniższym fragmencie kodu slice () jest funkcją powiązaną z funkcją {{jsxref („Function.prototype.apply ()”, „Apply ()”)}} z {{jsxref („Function.prototype”) }}, z tą wartością ustawioną na {{jsxref („Array.prototype.slice ()”, „slice ()”)}} funkcji {{jsxref („Array.prototype”)}}. Oznacza to, że dodatkowe wywołania apply () można wyeliminować:

    +

    W poniższym fragmencie kodu slice () jest funkcją powiązaną z funkcją {{jsxref ("Function.prototype.apply ()", "Apply ()")}} z {{jsxref ("Function.prototype") }}, z tą wartością ustawioną na {{jsxref ("Array.prototype.slice ()", "slice ()")}} funkcji {{jsxref ("Array.prototype")}}. Oznacza to, że dodatkowe wywołania apply () można wyeliminować:

    //  same as "slice" in the previous example
     const unboundSlice = Array.prototype.slice;
    @@ -297,10 +297,10 @@ if (!Function.prototype.bind) (function(){
     

    Niektóre z wielu różnic (mogą być też inne, ponieważ ta lista nie próbuje być wyczerpująca) między tym algorytmem a określonym algorytmem to:

    Częściowa implementacja opiera się na {{jsxref ("Array.prototype.slice ()")}}, {{jsxref ("Array.prototype.concat ()")}}, {{jsxref ("Function.prototype.call ( ) ")}} i {{jsxref (" Function.prototype.apply () ")}}, wbudowane metody mające swoje oryginalne wartości.
    - Częściowa implementacja tworzy funkcje, które nie mają niezmiennej „pigułki trucizny” {{jsxref („Function.caller”, „caller”)}} i właściwości argumentów, które wyrzucają {{jsxref („Global_Objects / TypeError”, „TypeError”) }} przy pobieraniu, ustawianiu lub usuwaniu. (Można to dodać, jeśli implementacja obsługuje {{jsxref („Object.defineProperty”)}} lub częściowo zaimplementowana [bez zachowania polegającego na rzucaniu przy usuwaniu], jeśli implementacja obsługuje {{jsxref („Object .__ zdefiniujGetter__”, „ __defineGetter__ ”)}} i {{jsxref („ Object .__ definiSetter__ ”,„ __defineSetter__ ”)}}).
    + Częściowa implementacja tworzy funkcje, które nie mają niezmiennej „pigułki trucizny” {{jsxref ("Function.caller", "caller")}} i właściwości argumentów, które wyrzucają {{jsxref ("Global_Objects/TypeError", "TypeError") }} przy pobieraniu, ustawianiu lub usuwaniu. (Można to dodać, jeśli implementacja obsługuje {{jsxref ("Object.defineProperty")}} lub częściowo zaimplementowana [bez zachowania polegającego na rzucaniu przy usuwaniu], jeśli implementacja obsługuje {{jsxref ("Object .__ zdefiniujGetter__", " __defineGetter__ ")}} i {{jsxref (" Object .__ definiSetter__ "," __defineSetter__ ")}}).
    Częściowa implementacja tworzy funkcje, które mają właściwość prototypu. (Właściwie powiązane funkcje nie mają żadnych.)
    - Częściowa implementacja tworzy powiązane funkcje, których właściwość {{jsxref („Function.length”, „length”)}}} nie zgadza się z właściwością nakazaną przez ECMA-262: tworzy funkcje o długości 0. Pełna implementacja - w zależności od długość funkcji docelowej i liczba wcześniej określonych argumentów - może zwrócić niezerową długość.
    - Częściowa implementacja tworzy powiązane funkcje, których właściwość {{jsxref („Function.name”, „name”)}} nie jest pochodną oryginalnej nazwy funkcji. Według ECMA-262 nazwa zwróconej funkcji powiązanej powinna być „związana” + nazwa funkcji docelowej.
    + Częściowa implementacja tworzy powiązane funkcje, których właściwość {{jsxref ("Function.length", "length")}}} nie zgadza się z właściwością nakazaną przez ECMA-262: tworzy funkcje o długości 0. Pełna implementacja - w zależności od długość funkcji docelowej i liczba wcześniej określonych argumentów - może zwrócić niezerową długość.
    + Częściowa implementacja tworzy powiązane funkcje, których właściwość {{jsxref ("Function.name", "name")}} nie jest pochodną oryginalnej nazwy funkcji. Według ECMA-262 nazwa zwróconej funkcji powiązanej powinna być „związana” + nazwa funkcji docelowej.
    Jeśli zdecydujesz się użyć tej częściowej implementacji, nie możesz polegać na przypadkach, w których zachowanie odbiega od ECMA-262, wydanie 5! Na szczęście te odchylenia od specyfikacji rzadko (jeśli w ogóle) pojawiają się w większości sytuacji kodowania. Jeśli nie rozumiesz żadnego z odchyleń od powyższej specyfikacji, w tym konkretnym przypadku można bezpiecznie nie martwić się o te niezgodne szczegóły odchylenia.

    Jeśli jest to absolutnie konieczne, a wydajność nie stanowi problemu, znacznie wolniejsze (ale bardziej zgodne ze specyfikacją rozwiązanie) można znaleźć na stronie https://github.com/Raynos/function-bind.

    diff --git a/files/ru/mozilla/developer_guide/inner_and_outer_windows/index.html b/files/ru/mozilla/developer_guide/inner_and_outer_windows/index.html index 4afb11e920..6dc586594f 100644 --- a/files/ru/mozilla/developer_guide/inner_and_outer_windows/index.html +++ b/files/ru/mozilla/developer_guide/inner_and_outer_windows/index.html @@ -27,13 +27,13 @@ translation_of: Mozilla/Developer_guide/Inner_and_outer_windows

    Вложенные окна

    -

    Все становится немного сложнее, если учесть, что документы могут содержать другие документы. Это происходит, например, когда {{ domxref("document") }} содержит {{{ HTMLElement("frame") }} или {{ HTMLElement("iframe") }}. Навигация по самому внешнему документу возможна не только при нажатии на ссылку в одном из фреймов, но и при нажатии на ссылку в этом фрейме.

    +

    Все становится немного сложнее, если учесть, что документы могут содержать другие документы. Это происходит, например, когда {{ domxref("document") }} содержит {{ HTMLElement("frame") }} или {{ HTMLElement("iframe") }}. Навигация по самому внешнему документу возможна не только при нажатии на ссылку в одном из фреймов, но и при нажатии на ссылку в этом фрейме.

    Это означает, что должна существовать иерархия внешних и внутренних окон. Рассмотрим документ, в котором есть три элемента {{ HTMLElement("iframe") }}. Иерархия будет выглядеть примерно так:

    iframes-hierarchy.png

    -

    На этой диаграмме объекты, с которыми вы взаимодействуете непосредственно в DOM (т.е. {{ domxref("Window") }}, {{ domxref("Document") }}, и {{{ domxref("Element") }}, имеют синий цвет. Серые круги представляют собой более абстрактные внутренние и внешние окна, которые являются реальными объектами, с которыми вы не взаимодействуете напрямую при работе с DOM. Окно в верхней части диаграммы - это внешнее окно.

    +

    На этой диаграмме объекты, с которыми вы взаимодействуете непосредственно в DOM (т.е. {{ domxref("Window") }}, {{ domxref("Document") }}, и {{ domxref("Element") }}, имеют синий цвет. Серые круги представляют собой более абстрактные внутренние и внешние окна, которые являются реальными объектами, с которыми вы не взаимодействуете напрямую при работе с DOM. Окно в верхней части диаграммы - это внешнее окно.

    По мере того, как пользователь перемещается в каждом из документов в различных рамках, каждое из этих внутренних окон имеет свою собственную историю, которую можно перемещать вперед и назад, как и в предыдущей диаграмме.

    diff --git a/files/th/web/api/history_api/index.html b/files/th/web/api/history_api/index.html index 41493b4654..a00cf0ca4b 100644 --- a/files/th/web/api/history_api/index.html +++ b/files/th/web/api/history_api/index.html @@ -91,7 +91,7 @@ history.pushState (stateObj, "page 2", "bar.html");

    ในแง่การโทรpushState()จะคล้ายกับการตั้งค่าwindow.location = "#foo"ทั้งสองจะสร้างและเปิดใช้งานรายการบันทึกประวัติอื่นที่เชื่อมโยงกับเอกสารปัจจุบัน แต่pushState()มีประโยชน์น้อย:

      -
    • URL ใหม่อาจเป็น URL ที่มีต้นกำเนิดเดียวกันกับ URL ปัจจุบัน ในทางตรงกันข้ามการตั้งค่าwindow.locationช่วยให้คุณสามารถใช้ {{domxref ("document") {} เดียวกันได้เฉพาะเมื่อคุณแก้ไขเฉพาะแฮช
    • +
    • URL ใหม่อาจเป็น URL ที่มีต้นกำเนิดเดียวกันกับ URL ปัจจุบัน ในทางตรงกันข้ามการตั้งค่าwindow.locationช่วยให้คุณสามารถใช้ {{domxref ("document") }} เดียวกันได้เฉพาะเมื่อคุณแก้ไขเฉพาะแฮช
    • คุณไม่จำเป็นต้องเปลี่ยน URL หากไม่ต้องการ ในทางตรงกันข้ามการตั้งค่าจะสร้างประวัติศาสตร์เข้าใหม่เท่านั้นถ้ากัญชาปัจจุบันไม่ได้window.location = "#foo";#foo
    • คุณสามารถเชื่อมโยงข้อมูลโดยพลการกับรายการประวัติการเข้าชมใหม่ของคุณได้ ด้วยวิธีแฮชที่ใช้คุณจำเป็นต้องเข้ารหัสข้อมูลที่เกี่ยวข้องทั้งหมดลงในสตริงที่สั้น
    • หากtitle เบราว์เซอร์ใช้ภายหลังเบราเซอร์ข้อมูลนี้สามารถใช้งานได้ (ไม่ขึ้นอยู่กับการกล่าวคือแฮช)
    • diff --git a/files/th/web/api/window/index.html b/files/th/web/api/window/index.html index 0763771320..9b84908ede 100644 --- a/files/th/web/api/window/index.html +++ b/files/th/web/api/window/index.html @@ -56,7 +56,7 @@ translation_of: Web/API/Window
      {{domxref ("Window.document")}} {{ReadOnlyInline}}
      ส่งคืนการอ้างอิงไปยังเอกสารที่มีหน้าต่าง
      {{domxref ("Window.DOMMatrix")}} {{readOnlyInline}} {{trial_inline}}
      -
      ส่งกลับการอ้างอิงถึงออบเจ็กต์ {{domxref ("DOMMatrix")} ซึ่งแสดงถึงเมทริกซ์ 4x4 เหมาะสำหรับการดำเนินการ 2 มิติและ 3 มิติ
      +
      ส่งกลับการอ้างอิงถึงออบเจ็กต์ {{domxref ("DOMMatrix")}} ซึ่งแสดงถึงเมทริกซ์ 4x4 เหมาะสำหรับการดำเนินการ 2 มิติและ 3 มิติ
      {{domxref ("Window.DOMMatrixReadOnly")}} {{readOnlyInline}} {{trial_inline}}
      ส่งคืนการอ้างอิงไปยังออบเจ็กต์ {{domxref ("DOMMatrixReadOnly")}} ซึ่งแสดงถึงเมทริกซ์ 4x4 เหมาะสำหรับการดำเนินการ 2 มิติและ 3 มิติ
      {{domxref ("Window.DOMPoint")}} {{readOnlyInline}} {{trial_inline}}
      diff --git a/files/th/web/api/xmlhttprequest/index.html b/files/th/web/api/xmlhttprequest/index.html index fdf5705218..015d252f1d 100644 --- a/files/th/web/api/xmlhttprequest/index.html +++ b/files/th/web/api/xmlhttprequest/index.html @@ -3,15 +3,15 @@ title: XMLHttpRequest slug: Web/API/XMLHttpRequest translation_of: Web/API/XMLHttpRequest --- -
      {{APIRef("XMLHttpRequest") } }
      +
      {{APIRef("XMLHttpRequest") }}
      -

      ใช้วัตถุ (XHR) เพื่อโต้ตอบกับเซิร์ฟเวอร์ คุณสามารถดึงข้อมูลจาก URL โดยไม่ต้องทำการฟื้นฟูเต็มหน้า เว็บเพจการปรับปรุงเพียงบางส่วนของหน้าโดยไม่กระทบกับสิ่งที่ผู้ใช้จะทำได้XMLHttpRequest XMLHttpRequest ใช้มากใน {{Glossary("AJAX") } } เขียนโปรแกรม

      +

      ใช้วัตถุ (XHR) เพื่อโต้ตอบกับเซิร์ฟเวอร์ คุณสามารถดึงข้อมูลจาก URL โดยไม่ต้องทำการฟื้นฟูเต็มหน้า เว็บเพจการปรับปรุงเพียงบางส่วนของหน้าโดยไม่กระทบกับสิ่งที่ผู้ใช้จะทำได้XMLHttpRequest XMLHttpRequest ใช้มากใน {{Glossary("AJAX") }} เขียนโปรแกรม

      -

      {{InheritanceDiagram (650, 150) } }

      +

      {{InheritanceDiagram (650, 150) }}

      แม้จะชื่อ สามารถใช้ในการดึงข้อมูลทุกประเภทของข้อมูล XML ไม่เพียงXMLHttpRequest

      -

      ถ้าจำเป็นต้องเกี่ยวข้องกับการได้รับข้อมูลเหตุการณ์หรือข้อความจากเซิร์ฟเวอร์สื่อสารของคุณ ลองใช้กิจกรรมเซิร์ฟเวอร์ส่งผ่านอินเทอร์เฟซ {{domxref("EventSource") } } สำหรับเพล็กซ์การสื่อสารWebSocketsอาจเป็นทางเลือกที่ดี

      +

      ถ้าจำเป็นต้องเกี่ยวข้องกับการได้รับข้อมูลเหตุการณ์หรือข้อความจากเซิร์ฟเวอร์สื่อสารของคุณ ลองใช้กิจกรรมเซิร์ฟเวอร์ส่งผ่านอินเทอร์เฟซ {{domxref("EventSource") }} สำหรับเพล็กซ์การสื่อสารWebSocketsอาจเป็นทางเลือกที่ดี

      Constructor

      diff --git a/files/tr/learn/front-end_web_developer/index.html b/files/tr/learn/front-end_web_developer/index.html index c055ec1e31..ca34c15067 100644 --- a/files/tr/learn/front-end_web_developer/index.html +++ b/files/tr/learn/front-end_web_developer/index.html @@ -13,7 +13,7 @@ tags: translation_of: Learn/Front-end_web_developer original_slug: Öğren/Front-end_web_developer --- -

      {{öğrenme kenarı}}

      +

      {{learnsidebar}}

      Ön uç geliştirici öğreticimize hoş geldiniz!

      diff --git a/files/tr/learn/html/introduction_to_html/index.html b/files/tr/learn/html/introduction_to_html/index.html index 35db9e3700..55c70ec2fb 100644 --- a/files/tr/learn/html/introduction_to_html/index.html +++ b/files/tr/learn/html/introduction_to_html/index.html @@ -33,7 +33,7 @@ original_slug: Öğren/HTML/Introduction_to_HTML

      Kafamın içinde ne var? HTML'de meta veriler


      -  Bir HTML belgesinin başı, sayfa yüklendiğinde web tarayıcısında görüntülenmeyen kısımdır. Sayfa {{html element("title")}}, {{glossary("CSS")}} bağlantıları (HTML içeriğinizi CSS ile stilize etmek istiyorsanız), özel faviconlara bağlantılar ve meta veriler gibi bilgileri içerir.)
      +  Bir HTML belgesinin başı, sayfa yüklendiğinde web tarayıcısında görüntülenmeyen kısımdır. Sayfa {{htmlelement("title")}}, {{glossary("CSS")}} bağlantıları (HTML içeriğinizi CSS ile stilize etmek istiyorsanız), özel faviconlara bağlantılar ve meta veriler gibi bilgileri içerir.)

      HTML metin temelleri

      diff --git a/files/tr/web/html/element/aside/index.html b/files/tr/web/html/element/aside/index.html index 64b2e421cd..0086628d72 100644 --- a/files/tr/web/html/element/aside/index.html +++ b/files/tr/web/html/element/aside/index.html @@ -93,7 +93,7 @@ original_slug: HTML/Element/aside

      Tarayıcı uyumluluğu

      -

      {{Uyumluluk Tablosu}}

      +

      {{CompatibilityTable}}

      diff --git a/files/tr/web/http/status/index.html b/files/tr/web/http/status/index.html index 7bf9ebb9e9..68c768ecc5 100644 --- a/files/tr/web/http/status/index.html +++ b/files/tr/web/http/status/index.html @@ -36,7 +36,7 @@ translation_of: Web/HTTP/Status
      {{HTTPStatus(102, "102 Processing")}} ({{Glossary("WebDAV")}}) - "102 İşleniyor" - Sözlük("WebDAV") 
      Bu kod sunucunun isteği aldığını ve işlemekte olduğunu ancak henüz yanıt vermediğini bildirir.
      WebDAV(Web Distributed Authoring and Versioning): World Wide Web sunucularında depolanmış belge ve dosyaları düzenleme ve yönetmede kullanıcılar arasında iş birliğini kolaylaştıran bir Hiper Metin Aktarım Protokolü uzantısıdır.
      -
      {{HTTPStatus(103, 103 Early Hints")}} -"103 Ön İpucu"
      +
      {{HTTPStatus(103, "103 Early Hints")}} -"103 Ön İpucu"
      Bu durum kodunun esas olarak {{HTTPHeader ("Link")}} başlığıyla kullanılması amaçlanmıştır ve sunucu bir yanıt hazırlarken kullanıcı aracısının kaynakları önyüklemeye başlamasını sağlar.
      diff --git a/files/tr/web/javascript/reference/global_objects/array/findindex/index.html b/files/tr/web/javascript/reference/global_objects/array/findindex/index.html index 409222cf45..8933892986 100644 --- a/files/tr/web/javascript/reference/global_objects/array/findindex/index.html +++ b/files/tr/web/javascript/reference/global_objects/array/findindex/index.html @@ -13,7 +13,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Array/findIndex
       
      -

      Ayrıca, dizinde bulunan dizinin yerine bulunan bir öğenin değerini döndüren {{jsx ref ("Array.find", "find ()")}} yöntemine de bakın.

      +

      Ayrıca, dizinde bulunan dizinin yerine bulunan bir öğenin değerini döndüren {{jsxref ("Array.find", "find ()")}} yöntemine de bakın.

      Syntax

      diff --git a/files/uk/web/api/event/index.html b/files/uk/web/api/event/index.html index a7523c4d23..34a2a8e9e9 100644 --- a/files/uk/web/api/event/index.html +++ b/files/uk/web/api/event/index.html @@ -111,7 +111,7 @@ original_slug: Web/API/Подія
      {{domxref("Event.originalTarget")}} {{non-standard_inline}} {{readonlyinline}}
      Початкова ціль події перед будь-якими ретаргетингами. (Mozilla-specific).
      {{domxref("Event.returnValue")}}
      -
      Історична властивість, представлена Internet Explorer і згодом прийнята в специфікацію DOM для того, щоб забезпечити продовження  роботи існуючих сайтів. В ідеалі, вам слід спробувати використати {{domxref(''Event.preventDefault()")}} та {{domxref("Event.defaultPrevented")}} замість нього, але ви можете використовувати returnValue, якщо ви  вирішите це зробити.
      +
      Історична властивість, представлена Internet Explorer і згодом прийнята в специфікацію DOM для того, щоб забезпечити продовження  роботи існуючих сайтів. В ідеалі, вам слід спробувати використати {{domxref("Event.preventDefault()")}} та {{domxref("Event.defaultPrevented")}} замість нього, але ви можете використовувати returnValue, якщо ви  вирішите це зробити.
      {{domxref("Event.returnValue")}} {{non-standard_inline}}
      Нестандартний псевдонім (зі старої версії Microsoft Internet Explorer) для {{domxref("Event.target")}}. Деякі інші браузери починають підтримувати його для веб-сумісності.
      {{domxref("Event.target")}} {{readonlyinline}}
      @@ -143,10 +143,10 @@ original_slug: Web/API/Подія
      Застарілі методи
      {{domxref("Event.getPreventDefault()")}} {{non-standard_inline}}
      Нестандартний. Використовуйте замість нього {{domxref("Event.defaultPrevented")}}.  (Повертає значення {{domxref("Event.defaultPrevented")}}.)
      -
      {{domxref("Event.preventBubble()"}} {{non-standard_inline}} {{Obsolete_inline(24)}}
      +
      {{domxref("Event.preventBubble()")}} {{non-standard_inline}} {{Obsolete_inline(24)}}
      Застарілий; використовуйте замість нього {{domxref("event.stopPropagation")}}. (Захищає подію від вспливання).
      -
      {{domxref("Event.preventcapture()"}} {{non-standard_inline}} {{Obsolete_inline(24)}}
      -
      Застарілий; використовуйте замість нього {{domxref("event.stopPropagation"}}.
      +
      {{domxref("Event.preventcapture()")}} {{non-standard_inline}} {{Obsolete_inline(24)}}
      +
      Застарілий; використовуйте замість нього {{domxref("event.stopPropagation")}}.

      Технічні характеристики

      diff --git a/files/uk/web/api/xmlhttprequest/index.html b/files/uk/web/api/xmlhttprequest/index.html index 11828836cf..362f5385cb 100644 --- a/files/uk/web/api/xmlhttprequest/index.html +++ b/files/uk/web/api/xmlhttprequest/index.html @@ -55,7 +55,7 @@ translation_of: Web/API/XMLHttpRequest
      Повертає {{domxref("Document")}}, що містить відповідь на запит або null, якщо запит завершився помилкою, досі не був надісланий, або не може бути розпізнаний, як XML чи HTML. Not available in workers.
      {{domxref("XMLHttpRequest.status")}} {{readonlyinline}}
      Повертає unsigned short з статусом відповіді на запит.
      -
      {{domxref("XMLHttpRequest.statusText")}} {{readonlyinline}
      +
      {{domxref("XMLHttpRequest.statusText")}} {{readonlyinline}}
      Повертає {{domxref("DOMString")}}, що містить стрічку відповіді, повернену HTTP-сервером. Навідміну від {{domxref("XMLHTTPRequest.status")}}, що включає цілісний текст відповіді (наприклад, "200 OK").
      diff --git a/files/uk/web/html/element/link/index.html b/files/uk/web/html/element/link/index.html index b70e0254cd..257490d30d 100644 --- a/files/uk/web/html/element/link/index.html +++ b/files/uk/web/html/element/link/index.html @@ -39,13 +39,13 @@ original_slug: Web/HTML/Елемент/link
      <link rel = "preload" href = "myFont.woff2" як = "шрифт"
             type = "font / woff2" crossorigin = "anonymous">
      -

      relЗначення preloadвказує на те, що браузер повинен попередньо завантажити цей ресурс (див предзагрузкі зміст з отн = "переднавантаження» для отримання більш докладної інформації), з asатрибутом , що вказує певний клас контенту, витягується. crossoriginАтрибут вказує , чи повинен ресурс бути залучена з {{Глосарій ( «CORS»)}} запитом.

      +

      relЗначення preloadвказує на те, що браузер повинен попередньо завантажити цей ресурс (див предзагрузкі зміст з отн = "переднавантаження» для отримання більш докладної інформації), з asатрибутом , що вказує певний клас контенту, витягується. crossoriginАтрибут вказує , чи повинен ресурс бути залучена з {{Glossary("CORS")}} запитом.

      Інші примітки щодо використання:

        -
      • <link>Елемент може відбуватися або в {{HTMLElement ( «голова»)}} або {HTMLElement} {( «тіло»)} елемента, в залежності від того, чи має він тип зв'язку , який є тілом-ок . Наприклад, stylesheetтип зв'язку - це тіло-ok, і тому <link rel="stylesheet">дозволено в тілі. Проте, це не хороша практика; більше сенсу відокремлювати <link>елементи від вмісту тіла, розміщуючи їх у <head>.
      • -
      • При використанні <link>для створення значка Favicon для сайту, і ваш сайт використовує політику безпеки контенту (CSP) для підвищення своєї безпеки, політика застосовується до позначки. Якщо у вас виникли проблеми з Favicon не завантажується, переконайтеся , що {{HTTPHeader ( «Content-Security-Policy»)}} заголовка по img-srcдирективі не запобігання доступу до нього.
      • +
      • <link>Елемент може відбуватися або в {{HTMLElement("head")}} або {{HTMLElement("body")}} елемента, в залежності від того, чи має він тип зв'язку , який є тілом-ок . Наприклад, stylesheetтип зв'язку - це тіло-ok, і тому <link rel="stylesheet">дозволено в тілі. Проте, це не хороша практика; більше сенсу відокремлювати <link>елементи від вмісту тіла, розміщуючи їх у <head>.
      • +
      • При використанні <link>для створення значка Favicon для сайту, і ваш сайт використовує політику безпеки контенту (CSP) для підвищення своєї безпеки, політика застосовується до позначки. Якщо у вас виникли проблеми з Favicon не завантажується, переконайтеся , що {{HTTPHeader("Content-Security-Policy")}} заголовка по img-srcдирективі не запобігання доступу до нього.
      • Специфікації HTML і XHTML визначають обробники подій для <link>елемента, але незрозуміло, як вони будуть використовуватися.
      • Під XHTML 1.0, порожні елементи , такі як <link>вимагають слеш: <link />.
      • WebTV підтримує використання значення nextдля relпопереднього завантаження наступної сторінки в серії документів.
      • @@ -59,12 +59,12 @@ original_slug: Web/HTML/Елемент/link
        {{HTMLAttrDef ("as")}}
        Цей атрибут використовується тільки тоді, коли rel="preload"або rel="prefetch"було встановлено на <link>елементі. Вона визначає тип завантажуваного контенту <link>, який необхідний для визначення пріоритетів вмісту, відповідності запиту, застосування правильної політики безпеки контенту та встановлення правильного заголовка запиту {{HTTPHeader ("Accept")}}.
        {{HTMLAttrDef ("crossorigin")}}
        -
        Цей перерахований атрибут вказує, чи слід використовувати {{Глосарій ("CORS")}} при отриманні ресурсу. Зображення з підтримкою CORS можна повторно використовувати в елементі {{HTMLElement ("canvas")}}, не засмучуючись . Дозволені значення: +
        Цей перерахований атрибут вказує, чи слід використовувати {{Glossary("CORS")}} при отриманні ресурсу. Зображення з підтримкою CORS можна повторно використовувати в елементі {{HTMLElement ("canvas")}}, не засмучуючись . Дозволені значення:
        anonymous
        Запит на перехресне походження (тобто з HTTP-заголовком {{HTTPHeader ("Походження")}} виконується, але не надсилаються дані облікового запису (тобто, файли cookie, сертифікат X.509 або HTTP Basic). Якщо сервер не надає облікових даних сайту (не встановлюючи заголовок HTTPHeader ("Access-Control-Allow-Origin")}} HTTPHeader, зображення буде заплямовано, а його використання обмежене.
        use-credentials
        -
        Запит на перехресне походження (тобто з Originзаголовком HTTP) виконується разом із відправленими обліковими даними (тобто виконується cookie, сертифікат та / або HTTP Basic аутентифікація). Якщо сервер не надає облікових даних сайту (через {{HTTPHeader ("Access-Control-Allow-Credentials")} HTTP-заголовок), ресурс буде заплямовано і його використання буде обмежене.
        +
        Запит на перехресне походження (тобто з Originзаголовком HTTP) виконується разом із відправленими обліковими даними (тобто виконується cookie, сертифікат та / або HTTP Basic аутентифікація). Якщо сервер не надає облікових даних сайту (через {{HTTPHeader ("Access-Control-Allow-Credentials")}} HTTP-заголовок), ресурс буде заплямовано і його використання буде обмежене.
        Якщо атрибут відсутній, ресурс вибирається без запиту {{Glossary ("CORS")}} (тобто без відправлення Originзаголовка HTTP), що запобігає його непрямому використанню. Якщо він недійсний, він обробляється так, якби було використано анонімне перераховане ключове слово . Див настройки CORS атрибути для отримання додаткової інформації.
        {{HTMLAttrDef ("href")}}
        diff --git a/files/vi/learn/html/introduction_to_html/getting_started/index.html b/files/vi/learn/html/introduction_to_html/getting_started/index.html index 9cbcb80907..9566c8d50c 100644 --- a/files/vi/learn/html/introduction_to_html/getting_started/index.html +++ b/files/vi/learn/html/introduction_to_html/getting_started/index.html @@ -33,7 +33,7 @@ translation_of: Learn/HTML/Introduction_to_HTML/Getting_started
        <p>Mèo của tôi rất máu chó</p>
        -

        Ghi Chú: Các thẻ ở trong HTML là trường hợp không quan trọng có thể nói rằng chúng có thể được viết thế ếu nào cũng được, Ví dụ như một thẻ {{phần tử html("title")}} có thể được viết như <title>, <TITLE>, <Title>, <TiTlE>, v.v. và nó vẫn sẽ hoạt động ổn hoi. Tốt nhất là được viết thường hết để cho phù hợp, dễ đọc và các lí do khác nữa.

        +

        Ghi Chú: Các thẻ ở trong HTML là trường hợp không quan trọng có thể nói rằng chúng có thể được viết thế ếu nào cũng được, Ví dụ như một thẻ {{htmlelement("title")}} có thể được viết như <title>, <TITLE>, <Title>, <TiTlE>, v.v. và nó vẫn sẽ hoạt động ổn hoi. Tốt nhất là được viết thường hết để cho phù hợp, dễ đọc và các lí do khác nữa.

        Cấu trúc của một thẻ HTML

        diff --git a/files/vi/web/css/css_box_alignment/index.html b/files/vi/web/css/css_box_alignment/index.html index c3014fee65..1c9bc57018 100644 --- a/files/vi/web/css/css_box_alignment/index.html +++ b/files/vi/web/css/css_box_alignment/index.html @@ -13,7 +13,7 @@ translation_of: Web/CSS/CSS_Box_Alignment

        Phương thức căn chỉnh cũ hơn

        -

        CSS theo truyền thống có khả năng liên kết rất hạn chế. Chúng tôi đã có thể căn chỉnh văn bản bằng cách sử dụng {{cssxref ("text-align")}}, các khối trung tâm sử dụng tự động {{cssxref ("margin")}} s và trong bảng hoặc khối nội tuyến bằng cách sử dụng {{cssxref ( thuộc tính "vertical-align")}}. Việc căn chỉnh văn bản hiện được bao phủ bởi các mô-đun Văn bản Nội tuyếnCSS , và lần đầu tiên trong Căn chỉnh Hộp, chúng tôi có khả năng căn chỉnh ngang và dọc hoàn toàn.

        +

        CSS theo truyền thống có khả năng liên kết rất hạn chế. Chúng tôi đã có thể căn chỉnh văn bản bằng cách sử dụng {{cssxref ("text-align")}}, các khối trung tâm sử dụng tự động {{cssxref ("margin")}} s và trong bảng hoặc khối nội tuyến bằng cách sử dụng {{cssxref("vertical-align")}}. Việc căn chỉnh văn bản hiện được bao phủ bởi các mô-đun Văn bản Nội tuyếnCSS , và lần đầu tiên trong Căn chỉnh Hộp, chúng tôi có khả năng căn chỉnh ngang và dọc hoàn toàn.

        Nếu ban đầu bạn học Flexbox thì bạn có thể xem xét các thuộc tính này là một phần của đặc tả Flexbox, và một số thuộc tính thực sự được liệt kê trong Cấp 1 của Flexbox. Tuy nhiên, đặc điểm kỹ thuật lưu ý rằng đặc tả của Alignment Box nên được nhắc đến vì nó có thể bổ sung thêm các khả năng so với những gì hiện có trong Flexbox.

        diff --git a/files/vi/web/html/element/index.html b/files/vi/web/html/element/index.html index 4823538f65..8c380bf350 100644 --- a/files/vi/web/html/element/index.html +++ b/files/vi/web/html/element/index.html @@ -5,7 +5,7 @@ translation_of: Web/HTML/Element ---

        {{HTMLSidebar("Elements")}}

        -

        Trang này bao gồm {{Glossary("HTML"){{Glossary("Element","elements")}}. Chúng được chia thành các nhóm bởi chức năng với mong muốn giúp bạn dễ dàng tìm kiếm để có thể đạt được điều mà bạn có trong tâm trí một cách dễ dàng . Dù cho bản hướng dẫn này được viết ra để dành cho những người mới hoặc những người mới bắt đầu trong việc mã hóa, chúng tôi mong rằng đây có thể là tài liệu tham khảo hữu ích cho tất cả mọi người. 

        +

        Trang này bao gồm {{Glossary("HTML")}} {{Glossary("Element","elements")}}. Chúng được chia thành các nhóm bởi chức năng với mong muốn giúp bạn dễ dàng tìm kiếm để có thể đạt được điều mà bạn có trong tâm trí một cách dễ dàng . Dù cho bản hướng dẫn này được viết ra để dành cho những người mới hoặc những người mới bắt đầu trong việc mã hóa, chúng tôi mong rằng đây có thể là tài liệu tham khảo hữu ích cho tất cả mọi người. 

        Các phần tử căn bản

        diff --git a/files/vi/web/html/element/span/index.html b/files/vi/web/html/element/span/index.html index 4f45bf613b..b97e83587f 100644 --- a/files/vi/web/html/element/span/index.html +++ b/files/vi/web/html/element/span/index.html @@ -5,7 +5,7 @@ translation_of: Web/HTML/Element/span ---
        {{HTMLRef}}
        -

        Phần tử <span> HTML là một bộ chứa nội tuyến chung cho nội dung cụm từ, vốn không đại diện cho bất cứ điều gì. Nó có thể được sử dụng để nhóm các thành phần cho mục đích tạo kiểu (sử dụng các thuộc tính {{htmlattrxref ("class")}} hoặc {{htmlattrxref ("id")}}) hoặc vì chúng chia sẻ các giá trị thuộc tính, như {{htmlattrxref ( "lang")}}. Nó chỉ được sử dụng khi không có yếu tố ngữ nghĩa nào khác phù hợp. <span> rất giống với phần tử {{HTMLE bổ sung ("div")}}, nhưng {{HTMLEuity ("div")}} là phần tử cấp khối trong khi <span> là phần tử nội tuyến.

        +

        Phần tử <span> HTML là một bộ chứa nội tuyến chung cho nội dung cụm từ, vốn không đại diện cho bất cứ điều gì. Nó có thể được sử dụng để nhóm các thành phần cho mục đích tạo kiểu (sử dụng các thuộc tính {{htmlattrxref ("class")}} hoặc {{htmlattrxref ("id")}}) hoặc vì chúng chia sẻ các giá trị thuộc tính, như {{htmlattrxref ( "lang")}}. Nó chỉ được sử dụng khi không có yếu tố ngữ nghĩa nào khác phù hợp. <span> rất giống với phần tử {{HTMLElement("div")}}, nhưng {{HTMLElement("div")}} là phần tử cấp khối trong khi <span> là phần tử nội tuyến.

        {{EmbedInteractiveExample("pages/tabbed/span.html", "tabbed-shorter")}}
        diff --git a/files/vi/web/javascript/reference/global_objects/string/index.html b/files/vi/web/javascript/reference/global_objects/string/index.html index 03fe825c98..c9f5680a0c 100644 --- a/files/vi/web/javascript/reference/global_objects/string/index.html +++ b/files/vi/web/javascript/reference/global_objects/string/index.html @@ -10,7 +10,7 @@ tags: - TopicStub translation_of: Web/JavaScript/Reference/Global_Objects/String --- -
        {{JSRe +
        {{JSRef}}

        lnyannini

        HTML

        diff --git a/files/zh-cn/web/api/htmltablerowelement/rowindex/index.html b/files/zh-cn/web/api/htmltablerowelement/rowindex/index.html index 2939825e6b..199f2fbc54 100644 --- a/files/zh-cn/web/api/htmltablerowelement/rowindex/index.html +++ b/files/zh-cn/web/api/htmltablerowelement/rowindex/index.html @@ -5,7 +5,7 @@ translation_of: Web/API/HTMLTableRowElement/rowIndex ---
        {{APIRef("HTML DOM")}}
        -

        HTMLTableRowElement.rowIndex只读属性表示一个行相对于整个位置的{{HtmlElement("table")}。

        +

        HTMLTableRowElement.rowIndex只读属性表示一个行相对于整个位置的{{HtmlElement("table")}}。

        即使{{HtmlElement("thead")}},{{HtmlElement("tbody")}}和{{HtmlElement("tfoot")}}}的元素在HTML中乱序显示,浏览器也会以正确的顺序。因此,行数从<thead><tbody>,从<tbody><tfoot>

        diff --git a/files/zh-tw/web/css/grid-template/index.html b/files/zh-tw/web/css/grid-template/index.html index d2dd832013..196c847b67 100644 --- a/files/zh-tw/web/css/grid-template/index.html +++ b/files/zh-tw/web/css/grid-template/index.html @@ -3,13 +3,13 @@ title: grid-template slug: Web/CSS/grid-template translation_of: Web/CSS/grid-template --- -

        grid-templateCSS屬性是一個速記屬性,用於定義{{詞彙表("網格列”,“網格列")}},{{詞彙表("網格行”,“行")}},和{{詞彙表(“格狀區“,” area“)}}。

        +

        grid-templateCSS屬性是一個速記屬性,用於定義{{glossary("grid column","grid columns")}},{{glossary("grid rows","rows")}},和{{glossary("grid areas","area")}}。

        {{EmbedInteractiveExample("pages / css / grid-template.html")}}
        -

        作者可以為長期屬性設置值:{{cssxref("grid-template-rows")}},{{cssxref("grid-template-columns")}}和{{cssxref(“ grid-template-areas “)}}。

        +

        作者可以為長期屬性設置值:{{cssxref("grid-template-rows")}},{{cssxref("grid-template-columns")}}和{{cssxref("grid-template-areas ")}}。

        句法

        @@ -43,7 +43,7 @@ grid-template: unset;
        none
        是將所有三個長期屬性設置為的關鍵字none,表示沒有顯式網格。沒有命名的網格區域。行和列將隱式生成;它們的大小將由{{cssxref("grid-auto-rows")}}和{{cssxref("grid-auto-columns")}}屬性確定。
        <'grid-template-rows'> / <'grid-template-columns'>
        -
        將{{cssxref("grid-template-rows")}}和{{cssxref("grid-template-columns")}}設置為指定值,並設置{{cssxref(“ grid-template-areas”)} }至none
        +
        將{{cssxref("grid-template-rows")}}和{{cssxref("grid-template-columns")}}設置為指定值,並設置{{cssxref("grid-template-areas")}}至none
        [ <line-names>? <string> <track-size>? <line-names>? ]+ [ / <explicit-track-list> ]?
        Sets {{cssxref("grid-template-areas")}} to the strings listed, {{cssxref("grid-template-rows")}} to the track sizes following each string (filling in auto for any missing sizes), and splicing in the named lines defined before/after each size, and {{cssxref("grid-template-columns")}} to the track listing specified after the slash (or none, if not specified).
        -- cgit v1.2.3-54-g00ecf From 296bb7859bcc5436d18653e168054c6e39030cd2 Mon Sep 17 00:00:00 2001 From: Florian Merz Date: Fri, 12 Feb 2021 17:36:30 +0100 Subject: remove "unfixable" documents --- files/ar/_wikihistory.json | 19 - .../learn/html/multimedia_and_embedding/index.html | 79 -- .../javascript/reference/operators/new/index.html | 178 --- .../javascript/reference/operators/this/index.html | 381 ------ files/bn/_wikihistory.json | 7 - .../the_head_metadata_in_html/index.html | 286 ---- files/fa/_wikihistory.json | 7 - files/fa/web/html/element/input/index.html | 1376 -------------------- 8 files changed, 2333 deletions(-) delete mode 100644 files/ar/learn/html/multimedia_and_embedding/index.html delete mode 100644 files/ar/web/javascript/reference/operators/new/index.html delete mode 100644 files/ar/web/javascript/reference/operators/this/index.html delete mode 100644 files/bn/learn/html/introduction_to_html/the_head_metadata_in_html/index.html delete mode 100644 files/fa/web/html/element/input/index.html diff --git a/files/ar/_wikihistory.json b/files/ar/_wikihistory.json index 6e2ca1f741..3eea4b7676 100644 --- a/files/ar/_wikihistory.json +++ b/files/ar/_wikihistory.json @@ -448,13 +448,6 @@ "ahmadnourallah" ] }, - "Learn/HTML/Multimedia_and_embedding": { - "modified": "2020-07-16T22:24:23.909Z", - "contributors": [ - "MOTZ79567", - "ezrinjaz" - ] - }, "Learn/JavaScript": { "modified": "2020-07-16T22:29:36.627Z", "contributors": [ @@ -1391,18 +1384,6 @@ "suqbit" ] }, - "Web/JavaScript/Reference/Operators/new": { - "modified": "2020-10-15T22:33:30.546Z", - "contributors": [ - "noqp312" - ] - }, - "Web/JavaScript/Reference/Operators/this": { - "modified": "2020-10-15T22:29:18.195Z", - "contributors": [ - "h6t9m205" - ] - }, "Web/JavaScript/Reference/Statements": { "modified": "2020-03-12T19:44:08.522Z", "contributors": [ diff --git a/files/ar/learn/html/multimedia_and_embedding/index.html b/files/ar/learn/html/multimedia_and_embedding/index.html deleted file mode 100644 index d66696d111..0000000000 --- a/files/ar/learn/html/multimedia_and_embedding/index.html +++ /dev/null @@ -1,79 +0,0 @@ ---- -title: الوسائط المتعددة والتضمين -slug: Learn/HTML/Multimedia_and_embedding -tags: - - Assessment - - Audio - - Beginner - - CodingScripting - - Embedding - - Flash - - Guide - - HTML - - Images - - Landing - - Learn - - Multimedia - - NeedsTranslation - - SVG - - TopicStub - - Video - - Web - - iframes - - imagemaps - - img - - responsive -translation_of: Learn/HTML/Multimedia_and_embedding ---- -

        {{LearnSidebar}}

        - -

        لقد نظرنا في الكثير من النصوص حتى الآن في هذه الدورة ، ولكن الويب سيكون مملاً حقًا فقط باستخدام النص. دعونا نبدأ في النظر في كيفية جعل الويب ينبض بالحياة بمحتوى أكثر إثارة للاهتمام! تستكشف هذه الوحدة كيفية استخدام HTML لتضمين الوسائط المتعددة في صفحات الويب الخاصة بك ، بما في ذلك الطرق المختلفة التي يمكن تضمين الصور بها ، وكيفية تضمين الفيديو والصوت وحتى صفحات الويب بالكامل.

        - -

        المتطلبات الأساسية

        - -

        قبل بدء هذه الوحدة ، يجب أن يكون لديك معرفة معقولة بأساسيات HTML ، كما هو موضح سابقًا في مقدمة عن HTML . إذا لم تعمل من خلال هذه الوحدة (أو شيء مماثل) ، فقم بالعمل عليها أولاً ، ثم ارجع!

        - -
        -

        Note: If you are working on a computer/tablet/other device where you don't have the ability to create your own files, you could try out (most of) the code examples in an online coding program such as JSBin or Thimble.

        -
        - -

        ادله

        - -

        تحتوي هذه الوحدة على المقالات التالية التي ستأخذك من خلال جميع أساسيات تضمين الوسائط المتعددة على صفحات الويب.

        - -
        -
        Images in HTML
        -
        -

        هناك أنواع أخرى من الوسائط المتعددة للنظر، ولكن من المنطقي أن تبدأ مع المتواضع {{htmlelement ("img"}} عنصر يستخدم لتضمين صورة بسيطة في صفحة ويب. في هذه المقالة سننظر في كيفية استخدامه بمزيد من العمق ، بما في ذلك الأساسيات ، والتعليق عليه مع التسميات التوضيحية باستخدام {{htmlelement ("figure"}}، وكيفية ارتباطه بصور خلفية CSS.

        -
        -
        Video and audio content
        -
        -

        بعد ذلك، سننظر في كيفية استخدام عناصر {{(HTML5 {{htmlelement ("video"}}} و{{(htmlelement ("audio"}} لتضمين الفيديو والصوت على صفحاتنا، بما في ذلك الأساسيات، وتوفير الوصول إلى تنسيقات ملفات مختلفة إلى متصفحات مختلفة، وإضافة التسميات التوضيحية والترجمة، وكيفية إضافة نسخ احتياطية للمتصفحات القديمة.

        -
        -
        From <object> to <iframe> — other embedding technologies
        -
        عند هذه النقطة نود أن تأخذ إلى حد ما من خطوة جانبية، والنظر في اثنين من العناصر التي تسمح لك لتضمين مجموعة واسعة من أنواع المحتوى في صفحات الويب الخاصة بك: {{htmlelement ("iframe"}}، {{htmlelement ("embed"}} و {{htmlelement ("object"}}. <iframe> هي لتضمين صفحات ويب أخرى ، والاثنان الآخران يسمحان لك بتضمين ملفات PDF و SVG وحتى Flash - وهي تقنية في طريقها للخروج ، ولكن قد لا تزال تراها بشكل شبه منتظم.
        -
        Adding vector graphics to the web
        -
        يمكن أن تكون الرسومات المتجهة مفيدة للغاية في بعض الحالات. على عكس التنسيقات العادية مثل PNG /JPG ، فإنها لا تشوه / أو  تتبكسل عند التكبير - يمكن أن تظل سلسة عند تحجيمها. تعرّفك هذه المقالة على تنسيق {{glossary ("SVG"}} في صفحات الويب.
        -
        Responsive images
        -
        مع هذا العدد الكبير من أنواع الأجهزة المختلفة القادرة الآن على تصفح الويب - من الهواتف المحمولة إلى أجهزة الكمبيوتر المكتبية - فإن المفهوم الأساسي للإتقان في عالم الويب الحديث هو التصميم المتجاوب. يشير هذا إلى إنشاء صفحات ويب يمكنها تغيير ميزاتها تلقائيًا لتناسب أحجام الشاشة المختلفة والدقة وما إلى ذلك. سيتم النظر في هذا بمزيد من التفصيل في وحدة CSS في وقت لاحق ، ولكن في الوقت الحالي ، سننظر في الأدوات التي يتوفر HTML لإنشاء صور سريعة الاستجابة ، بما في ذلك عنصر {{htmlelement ("picture"}}} .
        -
        - -

        Assessments

        - -

        The following assessments will test your understanding of the HTML basics covered in the guides above:

        - -
        -
        Mozilla splash page
        -
        In this assessment, we'll test your knowledge of some of the techniques discussed in this module's articles, getting you to add some images and video to a funky splash page all about Mozilla!
        -
        - -

        See also

        - -
        -
        Add a hitmap on top of an image
        -
        Image maps provide a mechanism to make different parts of an image link to different places. (Think of a map linking through to further information about each different country you click on.) This technique can sometimes be useful.
        -
        Web literacy basics 2
        -
        -

        An excellent Mozilla foundation course that explores and tests some of the skills talked about in this Multimedia and embedding module. Dive deeper into the basics of composing webpages, designing for accessibility, sharing resources, using online media, and working open (meaning that your content is freely available and shareable by others).

        -
        -
        diff --git a/files/ar/web/javascript/reference/operators/new/index.html b/files/ar/web/javascript/reference/operators/new/index.html deleted file mode 100644 index 3b39e0cf4e..0000000000 --- a/files/ar/web/javascript/reference/operators/new/index.html +++ /dev/null @@ -1,178 +0,0 @@ ---- -title: new operator -slug: Web/JavaScript/Reference/Operators/new -tags: - - HTTP - - OpenPractices - - البروتوكولات - - بحث - - لغة البرمجة -translation_of: Web/JavaScript/Reference/Operators/new ---- -
        9 9090 jsSidebar ("عوامل التشغيل")}}
        - -

        في newالمشغل يتيح للمطورين إنشاء مثيل من نوع الكائن المعرفة من قبل المستخدم أو واحد من أنواع الكائنات المضمنة التي لديه وظيفة المنشئ.

        - -
        {{EmbedInteractiveExample ("pages / js / expressions-newoperator.html")}}
        - -

        بناء الجملة

        - -
        new constructor[([arguments])]
        - -

        المعلمات

        - -
        -
        constructor
        -
        فئة أو وظيفة تحدد نوع مثيل الكائن.
        -
        - -
        -
        arguments
        -
        قائمة القيم التي constructorسيتم الاتصال بها.
        -
        - -

        وصف

        - -

        تقوم newالكلمة الرئيسية بالأشياء التالية:

        - -
          -
        1. ينشئ كائن JavaScript عاديًا فارغًا ؛
        2. -
        3. روابط (تحدد منشئ) هذا الكائن إلى كائن آخر ؛
        4. -
        5. يمر كائن تم إنشاؤه حديثا من الخطوة 1 كما في thisالسياق؛
        6. -
        7. يعود thisإذا لم الدالة بإرجاع كائن.
        8. -
        - -

        يتطلب إنشاء كائن معرف من قبل المستخدم خطوتين:

        - -
          -
        1. حدد نوع الكائن عن طريق كتابة دالة.
        2. -
        3. إنشاء مثيل للكائن باستخدام new.
        4. -
        - -

        لتحديد نوع كائن ، قم بإنشاء وظيفة لنوع الكائن تحدد اسمه وخصائصه. يمكن أن يكون للكائن خاصية تكون في حد ذاتها كائنًا آخر. انظر الأمثلة أدناه.

        - -

        عند تنفيذ الكود ، تحدث الأشياء التالية:new Foo(...)

        - -
          -
        1. يتم إنشاء كائن جديد ، وراثة من Foo.prototype.
        2. -
        3. Fooيتم استدعاء دالة المُنشئ بالوسيطات المحددة ، وتكون thisمرتبطة بالكائن الذي تم إنشاؤه حديثًا. يكافئ ، على سبيل المثال ، إذا لم يتم تحديد قائمة وسيطة ، يتم استدعاؤه بدون وسيطات.new Foonew Foo()Foo
        4. -
        5. يصبح الكائن (ليس فارغًا ، أو خطأ ، أو 3.1415 أو أنواعًا أولية أخرى) التي تُرجعها دالة المُنشئ نتيجة newالتعبير بالكامل . إذا لم تُرجع دالة المُنشئ كائنًا بشكل صريح ، فسيتم استخدام الكائن الذي تم إنشاؤه في الخطوة 1 بدلاً من ذلك. (عادةً لا تُرجع المنشئات قيمة ، لكن يمكنهم اختيار القيام بذلك إذا كانوا يريدون تجاوز عملية إنشاء الكائن العادية.)
        6. -
        - -

        يمكنك دائمًا إضافة خاصية إلى كائن محدد مسبقًا. على سبيل المثال ، car1.color = "black"تضيف العبارة خاصية colorإلى car1، وتخصص لها قيمة " black". ومع ذلك ، هذا لا يؤثر على أي كائنات أخرى. لإضافة الخاصية الجديدة إلى جميع الكائنات من نفس النوع ، يجب إضافة الخاصية إلى تعريف Carنوع الكائن.

        - -

        يمكنك إضافة خاصية مشتركة إلى نوع كائن محدد مسبقًا باستخدام Function.prototypeالخاصية. يحدد هذا الخاصية التي يتم مشاركتها بواسطة جميع الكائنات التي تم إنشاؤها باستخدام هذه الوظيفة ، بدلاً من مثيل واحد فقط من نوع الكائن. تضيف التعليمة البرمجية التالية خاصية لون مع قيمة "original color"لكل كائنات النوع Car، ثم تكتب فوق تلك القيمة بالسلسلة " black" فقط في كائن المثيل car1. لمزيد من المعلومات ، انظر النموذج الأولي .

        - -
        function Car() {}
        -car1 = new Car();
        -car2 = new Car();
        -
        -console.log(car1.color);    // undefined
        -
        -Car.prototype.color = 'original color';
        -console.log(car1.color);    // 'original color'
        -
        -car1.color = 'black';
        -console.log(car1.color);    // 'black'
        -
        -console.log(Object.getPrototypeOf(car1).color); // 'original color'
        -console.log(Object.getPrototypeOf(car2).color); // 'original color'
        -console.log(car1.color);   // 'black'
        -console.log(car2.color);   // 'original color'
        -
        - -
        -

        إذا لم تكتب newعامل التشغيل ، فسيتم استدعاء دالة الباني مثل أي دالة عادية ، دون إنشاء كائن. في هذه الحالة ، قيمة thisمختلفة أيضًا.

        -
        - -

        أمثلة

        - -

        نوع الكائن ومثيل الكائن

        - -

        لنفترض أنك تريد إنشاء نوع كائن للسيارات. تريد أن يتم استدعاء هذا النوع من الكائنات Car، وتريد أن يكون لها خصائص لـ make و model و year. للقيام بذلك ، يمكنك كتابة الوظيفة التالية:

        - -
        function Car(make, model, year) {
        -  this.make = make;
        -  this.model = model;
        -  this.year = year;
        -}
        -
        - -

        الآن يمكنك إنشاء كائن يسمى على myCarالنحو التالي:

        - -
        var myCar = new Car('Eagle', 'Talon TSi', 1993);
        -
        - -

        تقوم هذه العبارة بإنشاء myCarوتعيين القيم المحددة لخصائصها. ثم قيمة myCar.makeالسلسلة "النسر" ، myCar.yearهو العدد الصحيح 1993 ، وهلم جرا.

        - -

        يمكنك إنشاء أي عدد من carالكائنات عن طريق المكالمات إلى new. فمثلا:

        - -
        var kensCar = new Car('Nissan', '300ZX', 1992);
        -
        - -

        خاصية الكائن التي هي نفسها كائن آخر

        - -

        لنفترض أنك قمت بتعريف كائن يسمى على PersSexonالنحو التالي:

        - -
        function Person(name, age, sex) {XxxXxx
        -  this.name = name;
        -  this.age = age;
        -  this.sex = sex;
        -}
        -
        - -

        ثم قم بإنشاء كائنين جديدين على Personالنحو التالي:

        - -
        var rand = new Person('Rand McNally', 33, 'M');
        -var ken = new Person('Ken Jones', 39, 'M');
        -
        - -

        ثم يمكنك إعادة كتابة تعريف Carلتضمين ownerخاصية تأخذ Personكائنًا ، على النحو التالي:

        - -
        function Car(make, model, year, owner) {
        -  this.make = make;
        -  this.model = model;
        -  this.year = year;
        -  this.owner = owner;
        -}
        -
        - -

        لإنشاء كائنات جديدة ، يمكنك بعد ذلك استخدام ما يلي:

        - -
        var car1 = new Car('Eagle', 'Talon TSi', 1993, rand);
        -var car2 = new Car('Nissan', '300ZX', 1992, ken);
        -
        - -

        بدلا من تمرير سلسلة حرفية أو عدد صحيح القيمة عند إنشاء كائنات جديدة، والبيانات المذكورة أعلاه تمر الكائنات randو kenكمعلمات للمالكي. لمعرفة اسم مالك الموقع car2، يمكنك الوصول إلى الخاصية التالية:

        - -
        car2.owner.name
        -
        - -

        مواصفات

        - -
      - - - - - - - - - - -
      تخصيص
      {{SpecName ('ESDraft'، '# sec-new-worker'، 'The new Operator')}}
      - -

      التوافق المتصفح

      - - - -

      {{Compat ("javascript.operators.new")}}

      - -

      أنظر أيضا

      - -
        -
      • {{jsxref ("الوظيفة")}}
      • -
      • {{jsxref ("Reflect.construct ()")}}
      • -
      • {{jsxref ("Object.prototype")}}
      • -
      diff --git a/files/ar/web/javascript/reference/operators/this/index.html b/files/ar/web/javascript/reference/operators/this/index.html deleted file mode 100644 index 4e86b7e937..0000000000 --- a/files/ar/web/javascript/reference/operators/this/index.html +++ /dev/null @@ -1,381 +0,0 @@ ---- -title: this -slug: Web/JavaScript/Reference/Operators/this -translation_of: Web/JavaScript/Reference/Operators/this ---- -
      {{jsSidebar ("عوامل التشغيل")}}
      - -

      A الدالة thisالكلمة تتصرف بشكل مختلف قليلا في جافا سكريبت بالمقارنة مع اللغات الأخرى. كما أن لديها بعض الاختلافات بين الوضع الصارم والوضع غير الصارم.

      - -

      في معظم الحالات ، thisيتم تحديد القيمة من خلال كيفية استدعاء دالة (ربط وقت التشغيل). لا يمكن تعيينه عن طريق التعيين أثناء التنفيذ ، وقد يكون مختلفًا في كل مرة يتم استدعاء الوظيفة. قدم ES5 طريقة {{jsxref ("Function.prototype.bind ()"، "bind ()")}} إلى {{jsxref ('Operators / this'، ") تعيين قيمة الوظيفة thisبغض النظر عن كيفية تسميتها" قدم كل من "The_bind_method" و 1)}} و ES2015 دالات الأسهم التي لا توفر ربطًا خاصًا بها this(فهي تحتفظ thisبقيمة السياق المعجم المرفق).

      - -
      {{EmbedInteractiveExample ("pages / js / expressions-this.html")}}
      - - - -

      بناء الجملة

      - -
      هذه
      - -

      القيمة

      - -

      خاصية سياق التنفيذ (عام ، أو وظيفة ، أو تقييم) التي ، في الوضع غير الصارم ، تكون دائمًا مرجعًا إلى كائن وفي الوضع الصارم يمكن أن تكون أي قيمة.

      - -

      السياق العالمي

      - -

      في سياق التنفيذ العام (خارج أي وظيفة) ، thisيشير إلى الكائن العام سواء في الوضع الصارم أم لا.

      - -
      // في متصفحات الويب ، يكون كائن النافذة أيضًا هو الكائن العام:
      -console.log (هذه النافذة ===) ؛ // صحيح
      -
      -أ = 37 ؛
      -console.log (window.a) ؛ // 37
      -
      -this.b = "MDN" ؛
      -console.log (window.b) // "MDN"
      -console.log (ب) // "MDN"
      -
      - -
      -

      ملاحظة: يمكنك دائمًا الحصول بسهولة على الكائن العام باستخدام خاصية {{jsxref ("globalThis")}} العمومية ، بغض النظر عن السياق الحالي الذي تعمل فيه التعليمات البرمجية الخاصة بك.

      -
      - -

      سياق الوظيفة

      - -

      داخل الدالة ، thisتعتمد القيمة على كيفية استدعاء الوظيفة.

      - -

      مكالمة بسيطة

      - -

      نظرًا لأن الشفرة التالية ليست في وضع صارم ، ولأن القيمة thisلم يتم تعيينها بواسطة المكالمة ، thisفسيتم تعيينها افتراضيًا على الكائن العام ، وهو {{domxref ("Window"، "window")}} في المتصفح.

      - -
      الدالة f1 () {
      -  أعد هذا ؛
      -}}
      -
      -// في متصفح:
      -f1 () === نافذة ؛ // صحيح
      -
      -// في العقدة:
      -f1 () === عام ؛ // صحيح
      - -

      ومع ذلك ، في الوضع الصارم ، إذا thisلم يتم تعيين القيمة عند إدخال سياق التنفيذ ، فإنها تظل كما undefinedهو موضح في المثال التالي:

      - -
      الدالة f2 () {
      -  "استخدام صارم" ؛ // انظر الوضع الصارم
      -  أعد هذا ؛
      -}}
      -
      -f2 () === غير معرّف ؛ // صحيح
      -
      - -
      في المثال الثاني ، thisيجب أن يكون {{jsxref ("undefined")}} ، لأنه f2تم استدعاؤه مباشرةً وليس كطريقة أو خاصية لكائن (مثل window.f2()). لم يتم تنفيذ هذه الميزة في بعض المتصفحات عندما بدأوا في دعم الوضع الصارم لأول مرة . ونتيجة لذلك ، أعادوا windowالكائن بشكل غير صحيح .
      - -

      لتعيين قيمة thisإلى قيمة معينة عند استدعاء دالة ، استخدم {{jsxref ("Function.prototype.call ()" أو "call ()")}} أو {{jsxref ("Function.prototype.apply ( ) "،" Apply () ")}} كما في الأمثلة التالية.

      - -

      مثال 1

      - -
      // يمكن تمرير كائن باعتباره الوسيطة الأولى للاتصال أو التطبيق وهذا سوف يرتبط به.
      -var obj = {a: 'Custom'} ؛
      -
      -// تم تعيين هذه الخاصية على الكائن العام
      -var a = 'Global'؛
      -
      -الدالة whatsThis () {
      -  أعد هذا. // تعتمد قيمة هذا على كيفية استدعاء الوظيفة
      -}}
      -
      -ما هذا()؛ // "عالمي"
      -whatsThis.call (obj) ؛ // 'مخصص'
      -whatsThis.apply (obj) ؛ // 'مخصص'
      -
      - -

      مثال 2

      - -
      إضافة دالة (ج ، د) {
      -  إرجاع هذا. a + this.b + c + d ؛
      -}}
      -
      -var o = {a: 1، b: 3} ؛
      -
      -// المعلمة الأولى هي الكائن المطلوب استخدامه كـ
      -// 'this' ، يتم تمرير المعلمات اللاحقة كـ 
      -// الوسيطات في استدعاء الوظيفة
      -add.call (س ، 5 ، 7) ؛ // 16
      -
      -// المعلمة الأولى هي الكائن المطلوب استخدامه كـ
      -// 'this' ، والثاني عبارة عن مصفوفة
      -يتم استخدام // members كوسيطة في استدعاء دالة
      -add.apply (س ، [10 ، 20]) ؛ // 34
      -
      - -

      علما بأن في الوضع غير صارمة، مع callو apply، إذا كانت القيمة التي تم تمريرها كما thisليست كائن، سيتم إجراء محاولة لتحويله إلى كائن باستخدام الداخلية ToObjectالعملية. لذا ، إذا كانت القيمة التي تم تمريرها بدائية مثل 7أو 'foo'، سيتم تحويلها إلى كائن باستخدام المُنشئ ذي الصلة ، لذلك 7يتم تحويل الرقم البدائي إلى كائن كما لو كان بواسطة new Number(7)والسلسلة 'foo'إلى كائن كما لو كان new String('foo')، على سبيل المثال

      - -
      شريط الوظائف () {
      -  console.log (Object.prototype.toString.call (this)) ؛
      -}}
      -
      -bar.call (7) ؛ // [رقم الكائن]
      -bar.call ('foo') ؛ // [سلسلة الكائن]
      -
      - -

      على bindطريقة

      - -

      قدم ECMAScript 5 {{jsxref ("Function.prototype.bind ()")}}}. f.bind(someObject)يؤدي الاستدعاء إلى إنشاء وظيفة جديدة بنفس الجسم والنطاق f، ولكن thisفي حالة حدوثها في الوظيفة الأصلية ، في الوظيفة الجديدة ، يتم ربطها بشكل دائم بالحجة الأولى bind، بغض النظر عن كيفية استخدام الوظيفة.

      - -
      دالة f () {
      -  أعد هذا.
      -}}
      -
      -var g = f.bind ({a: 'azerty'}) ؛
      -console.log (g ()) ؛ // azerty
      -
      -var h = g.bind ({a: 'yoo'}) ؛ // bind يعمل مرة واحدة فقط!
      -console.log (h ()) ؛ // azerty
      -
      -var o = {a: 37، f: f، g: g، h: h} ؛
      -console.log (oa، of ()، og ()، oh ())؛ // 37،37، azerty، azerty
      -
      - -

      وظائف السهم

      - -

      في دوال السهم ، thisيحتفظ بقيمة السياق المعجم المتضمن this. في الكود العام ، سيتم تعيينه على الكائن العام:

      - -
      var globalObject = هذا ؛
      -var foo = (() => this) ؛
      -console.log (foo () === globalObject) ؛ // صحيح
      - -
      -

      ملاحظة: إذا thisتم تمرير الوسيطة إلى call، bindأو applyعند استدعاء وظيفة السهم ، فسيتم تجاهلها. لا يزال بإمكانك إضافة وسيطات إلى المكالمة ، ولكن thisArgيجب ضبط الوسيطة الأولى ( ) على null.

      -
      - -
      // Call كطريقة لكائن
      -var obj = {func: foo} ؛
      -console.log (obj.func () === globalObject) ؛ // صحيح
      -
      -// محاولة تعيين هذا باستخدام المكالمة
      -console.log (foo.call (obj) === globalObject) ؛ // صحيح
      -
      -// جرت محاولة ضبط ذلك باستخدام الربط
      -foo = foo.bind (obj) ؛
      -console.log (foo () === globalObject) ؛ // صحيح
      - -

      مهما كانت، fooالصورة thisيتم تعيين إلى ما كانت عليه عندما تم إنشاؤه (في المثال أعلاه، الكائن العالمي). وينطبق الشيء نفسه على دالات الأسهم التي تم إنشاؤها داخل دوال أخرى: thisبقايا تلك السياق المعجمية المرفقة.

      - -
      // إنشاء كائن بشريط أسلوب يقوم بإرجاع دالة
      -// يعيد هذا. يتم إنشاء الدالة التي تم إرجاعها كـ
      -// دالة سهم ، لذا فهي مرتبطة بشكل دائم بـ
      -// هذه الدالة المرفقة. يمكن تعيين قيمة الشريط
      -// في المكالمة ، والتي تحدد بدورها قيمة 
      -// عادت الدالة.
      -var obj = {
      -  شريط: الوظيفة () {
      -    var x = (() => this) ؛
      -    العودة س ؛
      -  }}
      -} ؛
      -
      -// Call bar كطريقة للهدف ، وضبط هذا الأمر على obj
      -// تعيين مرجع للدالة التي تم إرجاعها إلى fn
      -var fn = obj.bar () ،
      -
      -// Call fn دون تعيين هذا ، سيكون الوضع الافتراضي عادةً
      -// إلى الكائن العام أو غير محدد في الوضع الصارم
      -console.log (fn () === obj) ؛ // صحيح
      -
      -// لكن احذر إذا رجعت إلى طريقة الكائن بدون تسميتها
      -var fn2 = obj.bar ،
      -// استدعاء وظيفة السهم هذا من داخل طريقة الشريط ()
      -// سيعود الآن النافذة ، لأنه يتبع هذا من fn2.
      -console.log (fn2 () () == window) ؛ // صحيح
      -
      - -

      في أعلاه ، تم تعيين الوظيفة (يطلق عليها الوظيفة المجهولة أ) obj.barلإرجاع وظيفة أخرى (يطلق عليها الوظيفة المجهولة ب) التي تم إنشاؤها كدالة سهم. ونتيجة لذلك، وظيفة B في thisتعيين دائم لل thisمن obj.bar(وظيفة A) عندما دعا. عندما يتم استدعاء الدالة التي تم إرجاعها (الوظيفة B) ، thisستكون دائمًا ما تم تعيينها عليه في البداية. في المثال رمز أعلاه، وظيفة باء thisمن المقرر أن وظيفة A و thisالذي هو obj، لذلك لا يزال المقرر أن objحتى عندما دعا بطريقة من شأنها أن تحدد عادة في thisل undefinedأو الكائن العالمي (أو أي طريقة أخرى كما في المثال السابق في عالمي سياق التنفيذ).

      - -

      كطريقة كائن

      - -

      عندما يتم استدعاء دالة كطريقة لكائن ما ، thisيتم تعيينها على الكائن الذي يتم استدعاء الطريقة.

      - -

      في المثال التالي ، عندما o.f()يتم استدعاء ، داخل الوظيفة thisمنضمة إلى oالكائن.

      - -
      var o = {
      -  الدعامة: 37 ،
      -  و: الوظيفة () {
      -    أعد هذا. prop؛
      -  }}
      -} ؛
      -
      -console.log (من ()) ؛ // 37
      -
      - -

      لاحظ أن هذا السلوك لا يتأثر على الإطلاق بكيفية أو مكان تعريف الوظيفة. في المثال السابق ، قمنا بتعريف الوظيفة المضمنة fكعضو أثناء تعريف o. ومع ذلك ، كان بإمكاننا تحديد الوظيفة بسهولة ثم إرفاقها بها لاحقًا o.f. يؤدي القيام بذلك إلى نفس السلوك:

      - -
      var o = {prop: 37} ؛
      -
      -وظيفة مستقلة () {
      -  أعد هذا. prop؛
      -}}
      -
      -of = مستقل ؛
      -
      -console.log (من ()) ؛ // 37
      -
      - -

      يوضح هذا أنه من المهم فقط أن يتم استدعاء الوظيفة من fعضو o.

      - -

      وبالمثل ، thisلا يتأثر الربط إلا بمرجع العضو المباشر. في المثال التالي ، عندما نستدعي الوظيفة ، نسميها كطريقة gللكائن o.b. هذه المرة أثناء التنفيذ ، thisسيتم الرجوع إلى داخل الوظيفة o.b. حقيقة أن الكائن هو نفسه عضو oليس له أي عواقب ؛ المرجع الأكثر فورية هو كل ما يهم.

      - -
      ob = {g: Independent، prop: 42} ؛
      -console.log (obg ()) ؛ // 42
      -
      - -

      this في سلسلة النموذج الأولي للكائن

      - -

      ينطبق نفس المفهوم على الأساليب المحددة في مكان ما على سلسلة النموذج الأولي للكائن. إذا كانت الطريقة موجودة في سلسلة نموذجية للكائن ، thisفيشير إلى الكائن الذي تم استدعاء الطريقة ، كما لو كانت الطريقة موجودة على الكائن.

      - -
      var o = {f: function () {return this.a + this.b؛ }} ؛
      -var p = Object.create (o) ؛
      -السلطة الفلسطينية = 1 ؛
      -pb = 4 ؛
      -
      -console.log (pf ()) ؛ // 5
      -
      - -

      في هذا المثال ، الكائن الذي تم تعيينه للمتغير pليس له fخاصية خاصة به ، بل يرثه من النموذج الأولي الخاص به. ولكن لا يهم أن fيجد البحث في النهاية عضوًا يحمل هذا الاسم o؛ بدأ البحث كمرجع إلى p.f، لذا thisداخل الوظيفة تأخذ قيمة الكائن المشار إليه باسم p. هذا ، حيث fيطلق عليه أسلوبًا p، thisيشير إليه p. هذه ميزة مثيرة للاهتمام في وراثة النموذج الأولي لجافا سكريبت.

      - -

      this مع مُدرب أو مُدرب

      - -

      مرة أخرى ، نفس الفكرة صحيحة عندما يتم استدعاء دالة من getter أو setter. this ترتبط الوظيفة المستخدمة كجلب أو أداة ضبط بالكائن الذي يتم تعيين الخاصية أو الحصول عليها منه.

      - -
      الدالة () {
      -  إرجاع this.a + this.b + this.c ؛
      -}}
      -
      -var o = {
      -  أ: 1 ،
      -  ب: 2 ،
      -  ج: 3 ،
      -  الحصول على المتوسط ​​() {
      -    العودة (this.a + this.b + this.c) / 3 ؛
      -  }}
      -} ؛
      -
      -Object.defineProperty (o، 'sum'، {
      -    get: sum، enumerable: true، configurable: true})؛
      -
      -console.log (o. avage، o.sum) ؛ // 2 ، 6
      -
      - -

      كمنشئ

      - -

      عند استخدام دالة كمنشئ (باستخدام الكلمة الرئيسية {{jsxref ("Operators / new"، "new")}}) ، thisفإنها مرتبطة بالعنصر الجديد الذي يتم إنشاؤه.

      - -
      -

      على الرغم من أن الإعداد الافتراضي للمنشئ هو إرجاع الكائن المشار إليه this، فإنه يمكنه بدلاً من ذلك إرجاع كائن آخر (إذا لم تكن القيمة المرجعة كائنًا ، فسيتم thisإرجاع الكائن).

      -
      - -
      / *
      - * يعمل المنشئ على النحو التالي:
      - *
      - * وظيفة MyConstructor () {
      - * // كود الجسم للوظيفة الفعلية يظهر هنا.  
      - * // إنشاء خصائص على | هذا | مثل
      - * // مرغوب من خلال التنازل عنها. على سبيل المثال ،
      - * this.fum = "nom" ؛
      - * // إلى آخره...
      - *
      - * // إذا كانت الوظيفة تحتوي على بيان إرجاع ذلك
      - * // يقوم بإرجاع كائن ، سيكون هذا الكائن هو
      - * // نتيجة | جديد | التعبير. غير ذلك،
      - * // نتيجة التعبير هي الكائن
      - * // مرتبط حاليًا بـ | this |
      - * // (أي الحالة الشائعة التي تُرى عادةً).
      - *}
      - * /
      -
      -الدالة C () {
      -  this.a = 37 ؛
      -}}
      -
      -var o = new C () ،
      -Console.log (oa) ؛ // 37
      -
      -
      -الدالة C2 () {
      -  this.a = 37 ؛
      -  العودة {أ: 38} ؛
      -}}
      -
      -o = C2 () جديد ؛
      -Console.log (oa) ؛ // 38
      -
      - -

      في المثال الأخير ( C2) ، لأنه تم إرجاع كائن أثناء البناء ، thisيتم التخلص من الكائن الجديد الذي كان مرتبطًا به ببساطة. (هذا يجعل العبارة " this.a = 37;" رمزًا ميتًا بشكل أساسي . ليس ميتًا تمامًا لأنه يتم تنفيذه ، ولكن يمكن إزالته بدون أي تأثيرات خارجية.)

      - -

      كمعالج حدث DOM

      - -

      عند استخدام دالة كمعالج للأحداث ، thisيتم تعيينها على العنصر الذي يتم وضع المستمع عليه (بعض المتصفحات لا تتبع هذا الاصطلاح للمستمعين المضافين ديناميكيًا بأساليب أخرى غير {{domxref ("EventTarget / addEventListener"، "addEventListener" () ")}}).

      - -
      // عند الاتصال كمستمع ، يحول العنصر ذي الصلة إلى اللون الأزرق
      -دالة bluify (e) {
      -  // دائما صحيح او صادق
      -  console.log (هذا === e.currentTarget) ؛
      -  // true عندما يكون currentTarget والهدف هما نفس الكائن
      -  console.log (هذا === e.target) ؛
      -  this.style.backgroundColor = '# A5D9F3' ؛
      -}}
      -
      -// احصل على قائمة بكل عنصر في المستند
      -var Elements = document.getElementsByTagName ('*') ؛
      -
      -// أضف bluify كمستمع فوق حتى عندما
      -تم النقر على عنصر // ، ويتحول إلى اللون الأزرق
      -for (var i = 0؛ i <element.length؛ i ++) {
      -  العناصر [i] .addEventListener ('click'، bluify، false) ؛
      -}}
      - -

      في معالج حدث مضمن

      - -

      عندما يتم استدعاء الرمز من معالج مضمّن في الحدث ، thisيتم تعيينه على عنصر DOM الذي يتم وضع المستمع عليه:

      - -
      <button onclick = "alert (this.tagName.toLowerCase ())؛">
      -  تظهر هذه
      -</button>
      -
      - -

      يظهر التنبيه أعلاه button. لاحظ أن الكود الخارجي فقط هو الذي تم thisضبطه بهذه الطريقة:

      - -
      <button onclick = "alert ((function () {return this؛}) ())؛">
      -  أظهر هذا الداخلية
      -</button>
      -
      - -

      في هذه الحالة ، thisلم يتم تعيين الوظيفة الداخلية ، لذا فإنها تُرجع الكائن العام / النافذة (أي الكائن الافتراضي في الوضع غير الصارم حيث thisلا يتم تعيينه بواسطة المكالمة).

      - -

      مواصفات

      - - - - - - - - - - - - -
      تخصيص
      {{SpecName ('ESDraft'، '# sec-this-keyword'، 'The this keyword')}}
      - -

      التوافق المتصفح

      - - - -

      {{Compat ("javascript.operators.this")}}

      - -

      أنظر أيضا

      - - diff --git a/files/bn/_wikihistory.json b/files/bn/_wikihistory.json index 4c70eb27ce..0bdb02ce4d 100644 --- a/files/bn/_wikihistory.json +++ b/files/bn/_wikihistory.json @@ -80,13 +80,6 @@ "onurbasturk" ] }, - "Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML": { - "modified": "2020-08-25T20:15:51.087Z", - "contributors": [ - "duduindo", - "Helal92" - ] - }, "Learn/JavaScript": { "modified": "2020-07-16T22:29:36.981Z", "contributors": [ diff --git a/files/bn/learn/html/introduction_to_html/the_head_metadata_in_html/index.html b/files/bn/learn/html/introduction_to_html/the_head_metadata_in_html/index.html deleted file mode 100644 index dce5a1f342..0000000000 --- a/files/bn/learn/html/introduction_to_html/the_head_metadata_in_html/index.html +++ /dev/null @@ -1,286 +0,0 @@ ---- -title: What’s in the head? Metadata in HTML -slug: Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML -translation_of: Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML ---- -
      {{LearnSidebar}}
      - -
      {{পূর্ববর্তীমেনেক্সট ("শিখুন / এইচটিএমএল / ভূমিকা_ টুটোঅ্যাপ / গেটিং_স্টার্ট" "" শিখুন / এইচটিএমএল / পরিচিতি_ টুআউটএইচএমএল / এইচটিএমএল_পাঠন_ফান্ডমেন্টস ")," শিখুন / এইচটিএমএল / ভূমিকা_to_HTML ")}
      - -

      এইচটিএমএল ডকুমেন্টের {। শব্দকোষ ("প্রধান", "মাথা")} এমন অংশ যা পৃষ্ঠাটি লোড হওয়ার পরে ওয়েব ব্রাউজারে প্রদর্শিত হয় না। এটিতে {t htmlelement ("শিরোনাম")} page পৃষ্ঠা, {{গ্লসারি ("CSS")) links (আপনি যদি CSS এর সাথে আপনার HTML বিষয়বস্তু স্টাইল করতে পছন্দ করেন), কাস্টম ফেভিকনগুলির লিঙ্ক এবং অন্যান্য সম্পর্কিত তথ্য রয়েছে মেটাডেটা (এইচটিএমএল সম্পর্কিত ডেটা, যেমন লেখক, এবং গুরুত্বপূর্ণ কীওয়ার্ড যা দস্তাবেজ বর্ণনা করে mark) আপনাকে নিবন্ধের সাথে কাজ করার জন্য একটি ভাল ভিত্তি দেওয়ার জন্য এই নিবন্ধে আমরা উপরের এবং আরও অনেকগুলি কভার করব।

      - - - - - - - - - - - - -
      পূর্বশর্ত:এইচটিএমএল দিয়ে শুরু করার ক্ষেত্রে কভার হিসাবে বেসিক এইচটিএমএল পরিচিতি
      উদ্দেশ্য:এইচটিএমএল হেড, তার উদ্দেশ্য, এটিতে থাকা সবচেয়ে গুরুত্বপূর্ণ আইটেমগুলি এবং এটি HTML ডকুমেন্টে কী প্রভাব ফেলতে পারে তা সম্পর্কে জানতে।
      - -

      এইচটিএমএল প্রধান কি?

      - -

      আসুন আমরা আগের প্রবন্ধে কভার করা সাধারণ HTML নথিটি আবার ঘুরে দেখি :

      - -
      <!DOCTYPE html>
      -<html>
      -  <head>
      -    <meta charset="utf-8">
      -    <title>My test page</title>
      -  </head>
      -  <body>
      -    <p>This is my page</p>
      -  </body>
      -</html>
      - -

      এইচটিএমএল হেড হ'ল t t এইচটিএম্লেলেটমেন্ট ("মাথা")}} উপাদানটির বিষয়বস্তু - {t এইচটিএমলেলেট ("বডি")}} উপাদান (যা ব্রাউজারে লোড করার সময় পৃষ্ঠায় প্রদর্শিত হয়) এর বিপরীতে, মাথার সামগ্রীটি পৃষ্ঠায় প্রদর্শিত হয় না। পরিবর্তে, দস্তাবেজের বিষয়ে প্রধানের কাজটি ss। শব্দকোষ ("মেটাডাটা", "মেটাডেটা") contain contain থাকা। উপরের উদাহরণে, মাথাটি বেশ ছোট:

      - -
      <head>
      -  <meta charset="utf-8">
      -  <title>My test page</title>
      -</head>
      - -

      বড় পৃষ্ঠাগুলিতে তবে মাথা বেশ পূর্ণ হতে পারে। আপনার পছন্দের কয়েকটি ওয়েবসাইটে যাওয়ার চেষ্টা করুন এবং বিকাশকারী সরঞ্জামগুলি তাদের মাথার সামগ্রীগুলি পরীক্ষা করতে ব্যবহার করুন এখানে আমাদের উদ্দেশ্যটি আপনাকে যে কীভাবে সম্ভবত মাথার মধ্যে রাখা যেতে পারে সেগুলি কীভাবে ব্যবহার করবেন তা আপনাকে দেখানো নয়, বরং আপনাকে কীভাবে প্রধান উপাদানগুলিকে মাথার মধ্যে অন্তর্ভুক্ত করতে চাইবেন এবং কীভাবে আপনাকে কিছুটা পরিচয় দিতে হবে তা কীভাবে ব্যবহার করবেন তা শেখানো। চল শুরু করি.

      - -

      একটি শিরোনাম যুক্ত করা হচ্ছে

      - -

      আমরা ইতিমধ্যে ক্রিয়াকলাপে {t htmlelement ("শিরোনাম")}} উপাদানটি দেখেছি - এটি নথিতে একটি শিরোনাম যুক্ত করতে ব্যবহার করা যেতে পারে। তবে এটি আপনার শরীরের সামগ্রীতে শীর্ষ স্তরের শিরোনাম যুক্ত করতে ব্যবহৃত which t htmlelement ("h1")}} উপাদানটির সাথে বিভ্রান্ত হতে পারে - এটি কখনও কখনও পৃষ্ঠা শিরোনাম হিসাবেও উল্লেখ করা হয়। তবে এগুলি আলাদা জিনিস!

      - -
        -
      • ব্রাউজারে লোড করার সময় {t htmlelement ("h1")}} উপাদানটি পৃষ্ঠায় উপস্থিত হয় - সাধারণত আপনার পৃষ্ঠার সামগ্রীর শিরোনাম চিহ্নিত করার জন্য এটি প্রতি পৃষ্ঠায় একবার ব্যবহার করা উচিত (গল্পের শিরোনাম, বা সংবাদ শিরোনাম, বা আপনার ব্যবহারের জন্য যা উপযুক্ত তা।)
      • -
      • T t এইচটিএমলেলেট ("শিরোনাম")}} উপাদানটি মেটাডেটা যা সামগ্রিক এইচটিএমএল ডকুমেন্টের শিরোনামকে উপস্থাপন করে (দস্তাবেজের সামগ্রী নয়))
      • -
      - -

      সক্রিয় শেখা: একটি সাধারণ উদাহরণ পরিদর্শন করা

      - -
        -
      1. এই সক্রিয় শেখার শুরু করতে, আমরা চাই আপনি আমাদের গিটহাব রেপোতে গিয়ে আমাদের শিরোনাম-উদাহরণHtml পৃষ্ঠাটির একটি অনুলিপি ডাউনলোড করুন এটি করার জন্য, হয় - -
          -
        1. পৃষ্ঠার বাইরে কোডটি অনুলিপি করুন এবং আপনার কোড সম্পাদকে একটি নতুন পাঠ্য ফাইলে আটকান, তারপরে এটি কোনও বোধগম্য জায়গায় সংরক্ষণ করুন।
        2. -
        3. গিটহাব পৃষ্ঠায় "কাঁচা" বোতাম টিপুন, যার ফলে কাঁচা কোড প্রদর্শিত হবে (সম্ভবত একটি নতুন ব্রাউজার ট্যাবে)। এরপরে, আপনার ব্রাউজারের  ফাইল> পৃষ্ঠা হিসাবে সংরক্ষণ করুন ... মেনু চয়ন করুন এবং ফাইলটি সংরক্ষণ করার জন্য একটি বুদ্ধিমান জায়গা চয়ন করুন।
        4. -
        -
      2. -
      3. এখন আপনার ব্রাউজারে ফাইলটি খুলুন। আপনার এইরকম কিছু দেখতে পাওয়া উচিত: -

        <শিরোনাম> উপাদানটিতে শিরোনামযুক্ত একটি সাধারণ ওয়েব পৃষ্ঠা এবং <h1> উপাদানটিকে <h1> সেট করা আছে।এটি এখন সম্পূর্ণ স্পষ্ট হওয়া উচিত যেখানে <h1>সামগ্রীটি প্রদর্শিত হবে এবং যেখানে <title>সামগ্রী প্রদর্শিত হবে!

        -
      4. -
      5. আপনার কোড সম্পাদকে কোডগুলি খোলার চেষ্টা করা উচিত, এই উপাদানগুলির বিষয়বস্তু সম্পাদনা করে, তারপরে আপনার ব্রাউজারে পৃষ্ঠাটি রিফ্রেশ করুন। এটা দিয়ে কিছু মজা আছে।
      6. -
      - -

      <title>উপাদান বিষয়বস্তু অন্যান্য উপায়ে ব্যবহার করা হয়। উদাহরণস্বরূপ, আপনি যদি পৃষ্ঠাটি বুকমার্ক করার চেষ্টা করেন ( বুকমার্কস> এই পৃষ্ঠাটি বুকমার্ক করুন বা ফায়ারফক্সের URL বারে তারকা আইকন), আপনি <title>প্রস্তাবিত বুকমার্কের নাম হিসাবে ভরাট সামগ্রী দেখতে পাবেন

      - -

      ফায়ারফক্সে একটি ওয়েবপেজ বুকমার্ক করা হচ্ছে;  বুকমার্কের নামটি <শিরোনাম> উপাদানটির সামগ্রীতে স্বয়ংক্রিয়ভাবে পূর্ণ হয়ে গেছে filled

      - -

      <title>বিষয়বস্তু এছাড়াও, অনুসন্ধান ফলাফল ব্যবহার করা হয় যেমন আপনি নীচের দেখতে পাবেন।

      - -

      মেটাডেটা: <মেটা> উপাদান

      - -

      মেটাডেটা এমন ডেটা যা ডেটা বর্ণনা করে এবং এইচটিএমএল একটি নথিতে মেটাডেটা যুক্ত করার একটি "অফিসিয়াল" উপায় রয়েছে - {{htmlelement ("meta")}। উপাদান। অবশ্যই, আমরা এই নিবন্ধটিতে অন্যান্য জিনিসগুলির কথা বলছি তাও মেটাডেটা হিসাবে বিবেচনা করা যেতে পারে। বিভিন্ন ধরণের <meta>উপাদান রয়েছে যা আপনার পৃষ্ঠার <হেড> এ অন্তর্ভুক্ত করা যেতে পারে তবে আমরা এ পর্যায়ে সেগুলি ব্যাখ্যা করার চেষ্টা করব না, কারণ এটি কেবল খুব বিভ্রান্ত হবে। পরিবর্তে, আমরা আপনাকে কিছু ধারণা দেবো যা আপনি সাধারণত দেখতে পারেন, কেবল আপনাকে ধারণা দেওয়ার জন্য।

      - -

      আপনার নথির অক্ষর এনকোডিং নির্দিষ্ট করা

      - -

      আমরা উপরের উদাহরণে দেখেছি, এই লাইনটি অন্তর্ভুক্ত ছিল:

      - -
      <meta charset="utf-8">
      - -

      এই উপাদানটি কেবল নথির অক্ষর এনকোডিং নির্দিষ্ট করে - নথিটি ব্যবহারের জন্য অনুমোদিত এমন অক্ষর সেট। utf-8একটি সর্বজনীন চরিত্র সেট যা কোনও মানব ভাষা থেকে যে কোনও চরিত্রকে অন্তর্ভুক্ত করে। এর অর্থ হ'ল আপনার ওয়েব পৃষ্ঠাটি যে কোনও ভাষা প্রদর্শিত হ্যান্ডেল করতে সক্ষম হবে; সুতরাং আপনার তৈরি প্রতিটি ওয়েব পৃষ্ঠায় এটি সেট করা ভাল ধারণা! উদাহরণস্বরূপ, আপনার পৃষ্ঠাটি ইংলিশ এবং জাপানিদের ঠিক জরিমানা করতে পারে:

      - -

      ইংরেজি এবং জাপানি অক্ষর সমন্বিত একটি ওয়েব পৃষ্ঠা, সর্বজনীন বা utf-8 এ অক্ষর এনকোডিং রয়েছে with  উভয় ভাষা সূক্ষ্ম প্রদর্শন করে,আপনি যদি নিজের চরিত্রের এনকোডিং সেট করেন ISO-8859-1, উদাহরণস্বরূপ (লাতিন বর্ণমালার জন্য বর্ণচিহ্ন সেট করা), আপনার পৃষ্ঠার রেন্ডারিং সমস্ত গোলমেলে প্রদর্শিত হতে পারে:

      - -

      ইংরাজী এবং জাপানি অক্ষর সমন্বিত একটি ওয়েব পৃষ্ঠাতে লাতিনে অক্ষর এনকোডিং রয়েছে।  জাপানি চরিত্রগুলি সঠিকভাবে প্রদর্শিত হয় না

      - -
      -

      দ্রষ্টব্য : কিছু ব্রাউজার (যেমন ক্রোম) স্বয়ংক্রিয়ভাবে ভুল এনকোডিংগুলি ঠিক করে দেয়, তাই আপনি কোন ব্রাউজারটি ব্যবহার করেন তার উপর নির্ভর করে আপনি যেভাবেই এই সমস্যাটি দেখতে পাবেন না। utf-8অন্য ব্রাউজারগুলিতে কোনও সম্ভাব্য সমস্যা এড়াতে আপনার পাতায় এখনও কোনও এনকোডিং সেট করা উচিত

      -
      - -

      সক্রিয় শেখা: চরিত্রের এনকোডিংয়ের পরীক্ষা

      - -

      এটি চেষ্টা করার জন্য, পূর্ববর্তী বিভাগে <title>( শিরোনাম-উদাহরণ html পৃষ্ঠা ) আপনি প্রাপ্ত সাধারণ এইচটিএমএল টেমপ্লেটটি আবার ঘুরে দেখুন , মেটা চরসেট মানটিতে পরিবর্তন করার চেষ্টা ISO-8859-1করুন এবং আপনার পৃষ্ঠায় জাপানিদের যুক্ত করুন। এটি আমরা ব্যবহার করা কোড:

      - -
      <p> জাপানি উদাহরণ: ভাত গরম। ? </ P>
      - -

      একজন লেখক এবং বিবরণ যুক্ত করা হচ্ছে

      - -

      অনেক <meta>উপাদান অন্তর্ভুক্ত nameএবং contentবৈশিষ্ট্য:

      - -
        -
      • nameএটি হ'ল মেটা এলিমেন্টের ধরণ নির্দিষ্ট করে; এটিতে কী ধরণের তথ্য রয়েছে।
      • -
      • content প্রকৃত মেটা সামগ্রী নির্দিষ্ট করে।
      • -
      - -

      আপনার পৃষ্ঠায় অন্তর্ভুক্ত করতে দরকারী এমন দুটি মেটা উপাদান পৃষ্ঠার লেখককে সংজ্ঞায়িত করে এবং পৃষ্ঠার একটি সংক্ষিপ্ত বিবরণ সরবরাহ করে। আসুন একটি উদাহরণ তাকান:

      - -
      <মেটা নাম = "লেখক" সামগ্রী = "ক্রিস মিলস">
      -<মেটা নাম = "বিবরণ" সামগ্রী = "এমডিএন ওয়েব ডক্স লার্নিং এরিয়া সরবরাহ করার লক্ষ্য
      -ওয়েবে তাদের জানতে প্রয়োজনীয় সমস্ত কিছুর সাথে ওয়েবে শুরু করুন
      -ওয়েব সাইট এবং অ্যাপ্লিকেশন বিকাশ করে শুরু হয়েছে "">
      - -

      কোনও লেখককে নির্দিষ্ট করে দেওয়া বিভিন্ন উপকারে: এই পৃষ্ঠাটি কে লিখেছেন তা বুঝতে সক্ষম হওয়া কার্যকর, যদি বিষয়বস্তু সম্পর্কে আপনার কোনও প্রশ্ন থাকে এবং আপনি তাদের সাথে যোগাযোগ করতে চান। কিছু কন্টেন্ট ম্যানেজমেন্ট সিস্টেমে পৃষ্ঠা লেখকের তথ্য স্বয়ংক্রিয়ভাবে আহরণের এবং এ জাতীয় উদ্দেশ্যে এটি উপলব্ধ করার সুবিধা রয়েছে facilities

      - -

      আপনার পৃষ্ঠার সামগ্রীর সাথে সম্পর্কিত কীওয়ার্ড সহ একটি বিবরণ উল্লেখ করা দরকারী কারণ এটি আপনার পৃষ্ঠায় অনুসন্ধান ইঞ্জিনগুলিতে সম্পাদিত প্রাসঙ্গিক অনুসন্ধানগুলিতে উচ্চতর প্রদর্শিত হওয়ার সম্ভাবনা রয়েছে (এই জাতীয় ক্রিয়াকলাপটিকে অনুসন্ধান ইঞ্জিন অপ্টিমাইজেশন বা "এসইও" বলা হয়) )}}।)

      - -

      সক্রিয় শিক্ষণ: অনুসন্ধান ইঞ্জিনগুলিতে বর্ণনার ব্যবহার

      - -

      বর্ণনাটি অনুসন্ধান ইঞ্জিনের ফলাফল পৃষ্ঠাগুলিতেও ব্যবহৃত হয়। এটি এক্সপ্লোর করার জন্য অনুশীলনের মধ্য দিয়ে যাওয়া যাক

      - -
        -
      1. মজিলা বিকাশকারী নেটওয়ার্কের প্রথম পৃষ্ঠায় যান
      2. -
      3. পৃষ্ঠার উত্স দেখুন (পৃষ্ঠায় ডান / Ctrl+ ক্লিক করুন, প্রসঙ্গ মেনু থেকে পৃষ্ঠা উত্স দেখুন চয়ন করুন )
      4. -
      5. বর্ণনা মেটা ট্যাগ সন্ধান করুন। এটি এর মতো কিছু দেখবে (যদিও এটি সময়ের সাথে সাথে এটি পরিবর্তিত হতে পারে): -
        <মেটা নাম = "বিবরণ" সামগ্রী = "এমডিএন ওয়েব ডক্স সাইট 
        -  ওপেন ওয়েব প্রযুক্তি সম্পর্কিত তথ্য সরবরাহ করে 
        -  এইচটিএমএল, সিএসএস এবং উভয় ওয়েব সাইট এবং এর জন্য এপিআই সহ 
        -  প্রগতিশীল ওয়েব অ্যাপ্লিকেশন "">
        -
      6. -
      7. এখন আপনার পছন্দসই সার্চ ইঞ্জিনে "MDN ওয়েব ডক্স" অনুসন্ধান করুন (আমরা গুগল ব্যবহার করেছি)) আপনি অনুসন্ধানের ফলাফলটিতে ব্যবহৃত বিবরণ <meta>এবং <title>উপাদান সামগ্রীটি লক্ষ্য করবেন - অবশ্যই তা মূল্যবান! -

        "মজিলা বিকাশকারী নেটওয়ার্ক" এর জন্য ইয়াহু অনুসন্ধানের ফলাফল

        -
      8. -
      - -
      -

      দ্রষ্টব্য : গুগলে আপনি মূল হোমপেজ লিঙ্কের নীচে তালিকাভুক্ত MDN ওয়েব ডক্সের কিছু প্রাসঙ্গিক উপ পৃষ্ঠা দেখতে পাবেন - এগুলিকে সাইটলিঙ্কস বলা হয় এবং গুগলের ওয়েবমাস্টার সরঞ্জামগুলিতে কনফিগার করা যায় - গুগল অনুসন্ধান ইঞ্জিনে আপনার সাইটের অনুসন্ধানের ফলাফলকে আরও উন্নত করার একটি উপায়।

      -
      - -
      -

      দ্রষ্টব্য : অনেকগুলি <meta>বৈশিষ্ট্য আর ব্যবহার করা হয় না। উদাহরণস্বরূপ, কীওয়ার্ড <meta>এলিমেন্ট ( <meta name="keywords" content="fill, in, your, keywords, here">) - যা বিভিন্ন অনুসন্ধানের পদগুলির জন্য সেই পৃষ্ঠার প্রাসঙ্গিকতা নির্ধারণের জন্য অনুসন্ধান ইঞ্জিনগুলির জন্য কীওয়ার্ড সরবরাহ করার কথা ছিল - অনুসন্ধান ইঞ্জিনগুলি দ্বারা উপেক্ষা করা হয়, কারণ স্প্যামাররা কেবলমাত্র শত শত কীওয়ার্ড সহ কীওয়ার্ডের তালিকাটি পূরণ করছিল, বাইসিং ফলাফলগুলি ।

      -
      - -

      অন্যান্য ধরণের মেটাডেটা

      - -

      আপনি যখন ওয়েবে ঘুরে দেখেন, আপনি অন্যান্য ধরণের মেটাডেটাও দেখতে পাবেন। ওয়েবসাইটগুলিতে আপনি দেখতে পাবেন এমন অনেকগুলি বৈশিষ্ট্য হ'ল মালিকানাধর্মী সৃজন, নির্দিষ্ট সাইটগুলি (যেমন সোশ্যাল নেটওয়ার্কিং সাইটগুলি) তারা ব্যবহার করতে পারেন এমন নির্দিষ্ট তথ্য সরবরাহ করার জন্য ডিজাইন করা।

      - -

      উদাহরণস্বরূপ, ওপেন গ্রাফ ডেটা এমন একটি মেটাডেটা প্রোটোকল যা ফেসবুক ওয়েবসাইটগুলির জন্য আরও সমৃদ্ধ মেটাডেটা সরবরাহ করার জন্য আবিষ্কার করেছিল। MDN ওয়েব ডক্স সোর্সকোডে আপনি এটি পাবেন:

      - -
      <meta property="og:image" content="https://developer.cdn.mozilla.net/static/img/opengraph-logo.dc4e08e2f6af.png">
      -<meta property="og:description" content="The Mozilla Developer Network (MDN) provides
      -information about Open Web technologies including HTML, CSS, and APIs for both Web sites
      -and HTML5 Apps. It also documents Mozilla products, like Firefox OS.">
      -<meta property="og:title" content="Mozilla Developer Network">
      - -

      এর একটি প্রভাব হ'ল আপনি যখন ফেসবুকে MDN ওয়েব ডক্সের সাথে লিঙ্ক করেন, লিঙ্কটি একটি চিত্র এবং বর্ণনার সাথে উপস্থিত হয়: ব্যবহারকারীদের জন্য আরও সমৃদ্ধ অভিজ্ঞতা।

      - -

      ফেসবুকে প্রদর্শিত হিসাবে এমডিএন হোমপেজ থেকে গ্রাফ প্রোটোকল ডেটা খুলুন, একটি চিত্র, শিরোনাম এবং বিবরণ দেখায়।

      - -

      টুইটারের নিজস্ব টুইটার কার্ড নামে নিজস্ব মালিকানাধীন মেটাডেটাও রয়েছে, যা সাইটের ইউআরএল টুইটার ডটকমে প্রদর্শিত হলে একই প্রভাব ফেলে। উদাহরণ স্বরূপ:

      - -
      <meta name="twitter:title" content="Mozilla Developer Network">
      - -

      আপনার সাইটে কাস্টম আইকন যুক্ত করা হচ্ছে

      - -

      আপনার সাইটের নকশাটিকে আরও সমৃদ্ধ করতে, আপনি আপনার মেটাডেটাতে কাস্টম আইকনগুলিতে উল্লেখ যুক্ত করতে পারেন এবং এগুলি নির্দিষ্ট প্রসঙ্গে প্রদর্শিত হবে। এর মধ্যে সর্বাধিক ব্যবহৃত হ'ল ফেভিকন (ব্রাউজারগুলিতে "ফেভারিট" বা "বুকমার্কস" তালিকায় এর ব্যবহারের উল্লেখ করে "ফেভারিট আইকন" এর জন্য সংক্ষিপ্ত)।

      - -

      নম্র ফ্যাভিকন প্রায় বহু বছর ধরে রয়েছে। এটি এই ধরণের প্রথম আইকন: একাধিক জায়গায় ব্যবহৃত 16 পিক্সেল বর্গ আইকন। আপনি প্রতিটি ব্রাউজার পাতায় থাকা ব্রাউজার ট্যাবে এবং বুকমার্ক প্যানেলে বুকমার্কযুক্ত পৃষ্ঠাগুলির পাশে ফ্যাভিকনগুলি (ব্রাউজারের উপর নির্ভর করে) দেখতে পাবেন।

      - -

      আপনার পৃষ্ঠায় একটি ফেভিকন যুক্ত করা যেতে পারে:

      - -
        -
      1. সাইটের সূচক পাতা, সংরক্ষিত হিসাবে একই ডিরেক্টরির মধ্যে সংরক্ষণ .icoবিন্যাস (অধিকাংশ ব্রাউজারের মতো আরো সাধারণ বিন্যাসে ফ্যাবিকনগুলি সমর্থন করবে .gifবা .png, কিন্তু ICO ফরম্যাটে ব্যবহার করে এটি পর্যন্ত ফিরে ইন্টারনেট এক্সপ্লোরার 6. যেমন হিসাবে কাজ করে তা নিশ্চিত হবে)
      2. -
      3. এটি উল্লেখ করার জন্য আপনার এইচটিএমএল এর M {এইচটিএমলেমেন্ট ("প্রধান")}} ব্লকটিতে নিম্নলিখিত লাইনটি যুক্ত করা: -
        <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
        -
      4. -
      - -

      এখানে একটি বুকমার্ক প্যানেলে ফ্যাভিকনের উদাহরণ রয়েছে:

      - -

      ফায়ারফক্স বুকমার্কস প্যানেল, পাশে একটি ফ্যাভিকন সহ একটি বুকমার্কড উদাহরণ দেখায়।

      - -

      এই দিনগুলিতেও বিবেচনার জন্য প্রচুর অন্যান্য আইকন ধরণের রয়েছে। উদাহরণস্বরূপ, আপনি এটি MDN ওয়েব ডক্স হোমপেজের উত্স কোডে পাবেন:

      - -
      <!-- third-generation iPad with high-resolution Retina display: -->
      -<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://developer.cdn.mozilla.net/static/img/favicon144.a6e4162070f4.png">
      -<!-- iPhone with high-resolution Retina display: -->
      -<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://developer.cdn.mozilla.net/static/img/favicon114.0e9fabd44f85.png">
      -<!-- first- and second-generation iPad: -->
      -<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://developer.cdn.mozilla.net/static/img/favicon72.8ff9d87c82a0.png">
      -<!-- non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
      -<link rel="apple-touch-icon-precomposed" href="https://developer.cdn.mozilla.net/static/img/favicon57.a2490b9a2d76.png">
      -<!-- basic favicon -->
      -<link rel="shortcut icon" href="https://developer.cdn.mozilla.net/static/img/favicon32.e02854fdcf73.png">
      - -

      প্রতিটি আইকন কীসের জন্য ব্যবহৃত হয় তা মন্তব্যগুলিতে ব্যাখ্যা করা হয় - ওয়েবসাইটগুলি যখন কোনও আইপ্যাডের হোম স্ক্রিনে সংরক্ষণ করা হয় তখন এই উপাদানগুলি ব্যবহার করার জন্য একটি দুর্দান্ত উচ্চ রেজোলিউশন আইকন সরবরাহ করার মতো জিনিসগুলিকে আবরণ দেয়।

      - -

      এই মুহূর্তে আইকন এই ধরণের বাস্তবায়িত সম্পর্কে খুব বেশি চিন্তা করবেন না - এটি একটি মোটামুটি উন্নত বৈশিষ্ট্য, এবং আপনি কোর্সের মাধ্যমে অগ্রগতি সম্পর্কে এই জ্ঞান আশা করা হবে না। এখানে মূল উদ্দেশ্য হ'ল অন্যান্য ওয়েবসাইটগুলির উত্স কোড ব্রাউজ করার সময় আপনি যদি সেগুলি জুড়ে আসেন তবে এই জাতীয় জিনিসগুলি কী তা আপনাকে জানানো।

      - -
      -

      দ্রষ্টব্য: আপনার সাইটটি এর সুরক্ষা বাড়ানোর জন্য যদি কোনও বিষয়বস্তু সুরক্ষা নীতি (সিএসপি) ব্যবহার করে, তবে নীতিটি ফেভিকনে প্রযোজ্য। যদি আপনার ফেভিকনটি লোড না হওয়ার সমস্যা হয়, তবে যাচাই করুন যে {{HTTPHeader ("বিষয়বস্তু-সুরক্ষা-নীতি")}। শিরোনামের img-srcনির্দেশিকা এতে অ্যাক্সেস রোধ করছে না।

      -
      - -

      এইচটিএমএলে সিএসএস এবং জাভাস্ক্রিপ্ট প্রয়োগ করা হচ্ছে

      - -

      আপনি আধুনিক দিনে যে সমস্ত ওয়েবসাইট ব্যবহার করবেন সেগুলি সম্পর্কে {গ্লসারি ("সিএসএস")} emplo তাদের দুর্দান্ত দেখানোর জন্য এবং ভিডিও প্লেয়ারের মতো ইন্টারেক্টিভ কার্যকারিতা পাওয়ার জন্য {{গ্লসারি ("জাভাস্ক্রিপ্ট") y emplo নিযুক্ত করবে , মানচিত্র, গেমস এবং আরও অনেক কিছু। এগুলি যথাক্রমে page t htmlelement ("লিঙ্ক")}} উপাদান এবং {{htmlelement ("স্ক্রিপ্ট")}} উপাদান ব্যবহার করে কোনও ওয়েব পৃষ্ঠায় সাধারণত প্রয়োগ করা হয়।

      - -
        -
      • -

        Document t htmlelement ("লিঙ্ক")}। উপাদানটি সর্বদা আপনার দস্তাবেজের মাথার অভ্যন্তরে প্রবেশ করা উচিত। rel="stylesheet"এটিতে দুটি বৈশিষ্ট্য লাগে, এটি নির্দেশ করে যে এটি নথির স্টাইলশিট এবং href, এতে স্টাইলশিট ফাইলের পথ রয়েছে:

        - -
        <link rel="stylesheet" href="my-css-file.css">
        -
      • -
      • -

        T t এইচটিএমলেলেট ("স্ক্রিপ্ট")}} উপাদানটিও মাথার মধ্যে যেতে হবে এবং srcআপনার যে জাভাস্ক্রিপ্টটি লোড করতে চান তার পথ সম্বলিত একটি বৈশিষ্ট্য অন্তর্ভুক্ত করা উচিত এবং এটি deferমূলত ব্রাউজারকে একই সাথে জাভাস্ক্রিপ্ট লোড করার নির্দেশ দেয় which পৃষ্ঠার এইচটিএমএল হিসাবে। এটি জাভাস্ক্রিপ্ট চলার আগে এইচটিএমএল সমস্ত লোড হয়েছে কিনা তা নিশ্চিত করে তোলে, যাতে আপনি জাভাস্ক্রিপ্টের ফলে এমন কোনও HTML উপাদান অ্যাক্সেস করার চেষ্টা করছেন যা এখনও পৃষ্ঠায় বিদ্যমান নেই ত্রুটি পেতে না পারেন। আপনার পৃষ্ঠায় জাভাস্ক্রিপ্ট লোড হ্যান্ডেল করার বেশ কয়েকটি উপায় রয়েছে তবে আধুনিক ব্রাউজারগুলির জন্য এটি ব্যবহার করা সবচেয়ে বোকামী (অন্যদের জন্য স্ক্রিপ্ট লোডিং কৌশলগুলি পড়ুন )। 

        - -
        <script src="my-js-file.js" defer></script>
        - -
        -

        দ্রষ্টব্য : <script>উপাদানটি খালি উপাদানের মতো দেখতে পারে তবে এটি তা নয় এবং তাই একটি ক্লোজিং ট্যাগের প্রয়োজন। কোনও বাহ্যিক স্ক্রিপ্ট ফাইলের দিকে ইঙ্গিত করার পরিবর্তে, আপনি নিজের স্ক্রিপ্টটিকে <script>উপাদানটির ভিতরে রাখার পছন্দ করতে পারেন

        -
        -
      • -
      - -

      সক্রিয় শিক্ষা: একটি পৃষ্ঠায় সিএসএস এবং জাভাস্ক্রিপ্ট প্রয়োগ করা

      - -
        -
      1. এই সক্রিয় শেখা শুরু করার জন্য, আমাদের একটি কপি দখল মেটা-example.html , script.js এবং style.css ফাইল, এবং একই ডিরেক্টরির মধ্যে আপনার কম্পিউটারে সংরক্ষণ করুন। এগুলি সঠিক নাম এবং ফাইল এক্সটেনশনের সাহায্যে সংরক্ষিত হয়েছে তা নিশ্চিত করুন।
      2. -
      3. আপনার ব্রাউজার এবং আপনার পাঠ্য সম্পাদক উভয়ই HTML ফাইল খুলুন।
      4. -
      5. উপরের বর্ণিত তথ্য অনুসরণ করে আপনার HTML এ t t htmlelement ("লিঙ্ক")}} এবং {{htmlelement ("স্ক্রিপ্ট")}} উপাদান যুক্ত করুন, যাতে আপনার সিএসএস এবং জাভাস্ক্রিপ্ট আপনার HTML এ প্রয়োগ হয়।
      6. -
      - -

      যদি সঠিকভাবে সম্পন্ন করা হয়, আপনি যখন আপনার এইচটিএমএল সংরক্ষণ করেন এবং আপনার ব্রাউজারটি রিফ্রেশ করেন তখন আপনাকে দেখতে পারা উচিত যে জিনিসগুলি পরিবর্তিত হয়েছে:

      - -

      সিএসএস এবং জাভাস্ক্রিপ্ট সহ কোনও পৃষ্ঠা দেখানো উদাহরণ এটিতে প্রয়োগ করা হয়েছে।  সিএসএস পৃষ্ঠাটিকে সবুজ করে তুলেছে, যেখানে জাভাস্ক্রিপ্ট পৃষ্ঠায় একটি গতিশীল তালিকা যুক্ত করেছে।

      - -
        -
      • জাভাস্ক্রিপ্ট পৃষ্ঠাটিতে একটি খালি তালিকা যুক্ত করেছে। এখন আপনি যখন তালিকার যে কোনও জায়গায় ক্লিক করুন, একটি ডায়ালগ বক্স পপ আপ হবে যাতে আপনাকে একটি নতুন তালিকা আইটেমের জন্য কিছু পাঠ্য লিখতে বলবে। আপনি যখন ওকে বোতাম টিপেন, পাঠ্যযুক্ত তালিকায় একটি নতুন তালিকা আইটেম যুক্ত হবে। আপনি যখন বিদ্যমান তালিকা আইটেমটিতে ক্লিক করেন, তখন একটি ডায়ালগ বক্স পপ আপ হয়ে যায় যা আপনাকে আইটেমটির পাঠ্য পরিবর্তন করতে দেয়।
      • -
      • সিএসএসের ফলে পটভূমি সবুজ হয়ে গেছে এবং পাঠ্যটি আরও বড় হয়েছে। এটি জাভাস্ক্রিপ্ট পৃষ্ঠাটিতে যুক্ত করা কিছু সামগ্রীর স্টাইলও করেছে (কালো সীমান্তের সাথে লাল বারটি স্টাইলিংটি সিএসএস জেএস-উত্পন্ন তালিকাতে যুক্ত করেছে।)
      • -
      - -
      -

      দ্রষ্টব্য : আপনি যদি এই অনুশীলনে আটকে যান এবং সিএসএস / জেএস প্রয়োগ করতে না পারেন তবে আমাদের সিএসএস এবং জেএসএইচটিএমএল উদাহরণ পৃষ্ঠাটি পরীক্ষা করে দেখুন।

      -
      - -

      নথির প্রাথমিক ভাষা সেট করা হচ্ছে

      - -

      শেষ অবধি, এটি উল্লেখ করার মতো যে আপনি নিজের পৃষ্ঠার ভাষা সেট করতে (এবং সত্যই হওয়া উচিত)। খোলার এইচটিএমএল ট্যাগে ল্যাং বৈশিষ্ট্য যুক্ত করে এটি করা যেতে পারে ( মেটা-উদাহরণ html তে দেখানো হয়েছে এবং নীচে দেখানো হয়েছে))

      - -
      <html lang = "en-US">
      - -

      এটি বিভিন্ন উপায়ে কার্যকর। আপনার এইচটিএমএল ডকুমেন্টটি অনুসন্ধানের ইঞ্জিনগুলির দ্বারা আরও কার্যকরভাবে ইনডেক্স করা হবে যদি এটির ভাষা সেট করা থাকে (উদাহরণস্বরূপ ভাষা-নির্দিষ্ট ফলাফলগুলিতে এটি সঠিকভাবে উপস্থিত হতে দেয়), এবং স্ক্রিন পাঠক ব্যবহার করে ভিজ্যুয়াল অক্ষমতাযুক্ত ব্যক্তিদের জন্য এটি দরকারী (উদাহরণস্বরূপ, শব্দটি "ছয়" ফরাসি এবং ইংরেজি উভয় ক্ষেত্রেই বিদ্যমান, তবে এটি আলাদাভাবে উচ্চারণ করা হয়))

      - -

      আপনি আলাদা আলাদা ভাষা হিসাবে স্বীকৃতি পেতে আপনার দস্তাবেজের সাব-বিভাগগুলিও সেট করতে পারেন। উদাহরণস্বরূপ, আমরা আমাদের জাপানি ভাষার বিভাগটি জাপানি হিসাবে স্বীকৃতি হিসাবে সেট করতে পারি:

      - -
      <p>Japanese example: <span lang="ja">ご飯が熱い。</span>.</p>
      - -

      এই কোডগুলি আইএসও 639-1 স্ট্যান্ডার্ড দ্বারা সংজ্ঞায়িত করা হয়েছে আপনি এইচটিএমএল এবং এক্সএমএলে ভাষা ট্যাগগুলিতে তাদের সম্পর্কে আরও জানতে পারেন

      - -

      সারসংক্ষেপ

      - -

      এটি এইচটিএমএল হেডের আমাদের কুইকফায়ার সফরের সমাপ্তি চিহ্নিত করে - আপনি এখানে আরও অনেক কিছু করতে পারেন তবে একটি বিস্তৃত ভ্রমণ এই পর্যায়ে বিরক্তিকর এবং বিভ্রান্তিকর হবে এবং আমরা আপনাকে সর্বাধিক সাধারণ বিষয় সম্পর্কে ধারণা দিতে চাইছিলাম আপনি আপাতত সেখানে খুঁজে পাবেন! পরবর্তী নিবন্ধে আমরা এইচটিএমএল পাঠ্যের মূল বিষয়গুলি খুঁজছি।

      - -

      {{PreviousMenuNext("Learn/HTML/Introduction_to_HTML/Getting_started", "Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals", "Learn/HTML/Introduction_to_HTML")}}

      - -

      এই মডিউলটিতে

      - - diff --git a/files/fa/_wikihistory.json b/files/fa/_wikihistory.json index 518c7f662b..b0ff6ee22d 100644 --- a/files/fa/_wikihistory.json +++ b/files/fa/_wikihistory.json @@ -583,13 +583,6 @@ "glad" ] }, - "Web/HTML/Element/Input": { - "modified": "2019-03-18T21:12:25.079Z", - "contributors": [ - "teoli", - "hamids192" - ] - }, "Web/HTML/Element/a": { "modified": "2020-10-15T22:34:50.567Z", "contributors": [ diff --git a/files/fa/web/html/element/input/index.html b/files/fa/web/html/element/input/index.html deleted file mode 100644 index 47a1d82d22..0000000000 --- a/files/fa/web/html/element/input/index.html +++ /dev/null @@ -1,1376 +0,0 @@ ---- -title: -slug: Web/HTML/Element/Input -translation_of: Web/HTML/Element/input ---- -
      -

      HTML <ورودی> عنصر استفاده می شود برای ایجاد کنترل های تعاملی برای اشکال مبتنی بر وب به منظور شرایط داده ها از کاربر. معناشناسی <ورودی> بسته به ارزش آن نوع ویژگی.

      -
      - -
        -
      • دسته بندی های مطالب جریان محتوا ، ذکر شده است، submittable، resettable، عنصر فرم ارتباط، محتوا جملهبندی .
        - اگر {{htmlattrxref ("input", "type")}} است نه پنهان ارزش، عنصر labellable، محتوای قابل لمس.
      • -
      • مجاز محتوای هیچ، آن است {{Glossary ("عنصر خالی", "empty element")}}.
      • -
      • حذف برچسب باید یک برچسب شروع کرده اند و باید یک تگ پایانی ندارد.
      • -
      • مجاز عناصر پدر و مادر هر عنصر است که می پذیرد محتوای جملهبندی .
      • -
      • DOM رابط {{domxref ("HTMLInputElement")}}
      • -
      - -

      خواص

      - -

      این عنصر شامل ویژگی های کلی .

      - -
      -
      {{htmlattrdef ("type")}}
      -
      نوع کنترل برای نمایش. نوع پیش فرض متن است، اگر این ویژگی مشخص نشده است. مقادیر ممکن عبارتند از: -
        -
      • دکمه : یک دکمه را فشار با هیچ رفتار پیش فرض.
      • -
      • چک باکس : جعبه چک. شما باید با استفاده از ارزش ویژگی برای تعریف ارزش ارائه شده توسط این آیتم استفاده کنید. استفاده از چک ویژگی برای نشان که آیا این آیتم انتخاب شده است. شما همچنین می توانید استفاده از نامشخص ویژگی به نشان می دهد که چک باکس است در حالت نامشخص (در اکثر سیستم عامل، این تساوی یک خط افقی در سراسر چک باکس).
      • -
      • رنگ : {{HTMLVersionInline ("5")}} کنترل برای تعیین رنگ. UI جمع کننده رنگ ندارد ویژگی های مورد نیاز دیگر از پذیرش رنگ ساده به عنوان متن ( اطلاعات بیشتر ).
      • -
      • تاریخ : {{HTMLVersionInline ("5")}} کنترل برای ورود به یک تاریخ (سال، ماه، روز و، با هیچ زمان).
      • -
      • تاریخ ساعت : {{HTMLVersionInline ("5")}} کنترل برای ورود به تاریخ و زمان (ساعت، دقیقه، دوم، و کسری از ثانیه) بر اساس منطقه محلی UTC تنظیم شده است.
      • -
      • تاریخ ساعت محلی : {{HTMLVersionInline ("5")}} کنترل برای ورود به تاریخ و زمان، با هیچ منطقه زمان.
      • -
      • ایمیل : {{HTMLVersionInline ("5")}} درست برای ویرایش یک آدرس ایمیل. مقدار ورودی دارای اعتبار است که شامل هر دو رشته خالی یا یک معتبر آدرس ایمیل تنها قبل از ارسال. {{cssxref (": معتبر")}} و {{cssxref (": نامعتبر")}} CSS شبه کلاس ها به عنوان مناسب استفاده شود.
      • -
      • فایل : کنترل که اجازه می دهد کاربر را انتخاب کنید یک فایل. با استفاده از شرایط ویژگی برای تعریف انواع فایل هایی که کنترل می توانید انتخاب کنید.
      • -
      • پنهان : کنترل است که نشان داده نمی شود، اما که مقدار آن به سرور را مشاهده کنید.
      • -
      • تصویر : گرافیکی دکمه ارسال. شما باید با استفاده SRC ویژگی برای تعریف منبع تصویر و ALT ویژگی برای تعریف متن جایگزین. شما می توانید با استفاده از ارتفاع و عرض ویژگی برای تعریف اندازه تصویر در پیکسل.
      • -
      • ماه : {{HTMLVersionInline ("5")}} کنترل برای ورود به یک ماه و سال، با هیچ منطقه زمان.
      • -
      • تعداد : {{HTMLVersionInline ("5")}} کنترل برای وارد کردن شماره ممیز شناور.
      • -
      • رمز عبور : درست متن تک خط که ارزش پنهان است. استفاده از MAXLENGTH ویژگی برای تعیین حداکثر طول ارزش است که می تواند وارد شود.
      • -
      • رادیو : یک دکمه رادیویی. شما باید با استفاده از ارزش ویژگی برای تعریف ارزش ارائه شده توسط این آیتم استفاده کنید. استفاده از چک ویژگی برای نشان که آیا این آیتم به صورت پیش فرض انتخاب شده است. دکمه های رادیویی که همان مقدار برای نام ویژگی در همان "گروه دکمه رادیویی" می باشد. تنها با یک دکمه رادیویی در یک گروه را می توان در یک زمان انتخاب شده است.
      • -
      • محدوده : {{HTMLVersionInline ("5")}} کنترل برای وارد کردن شماره که مقدار دقیق آن مهم نیست. این کنترل نوع استفاده از مقادیر پیش فرض زیر اگر صفات مربوطه مشخص نشده است: -
          -
        • دقیقه : 0
        • -
        • حداکثر : 100
        • -
        • ارزش : دقیقه + ( حداکثر - دقیقه ) / 2، یا دقیقه اگر حداکثر کمتر از است دقیقه
        • -
        • گام : 1
        • -
        -
      • -
      • تنظیم مجدد : یک دکمه که بازنشانی محتویات فرم به مقادیر پیش فرض.
      • -
      • جستجو : {{HTMLVersionInline ("5")}} فیلد متنی تک خط برای ورود به رشته جستجو. خط میشکند صورت خودکار از ارزش ورودی حذف شده است.
      • -
      • ارسال : یک دکمه که تسلیم فرم.
      • -
      • تلفن : {{HTMLVersionInline ("5")}} کنترل برای وارد کردن شماره تلفن. خط میشکند صورت خودکار از ارزش ورودی برداشته شود، اما هیچ نحو دیگر اجرا شده است. شما می توانید ویژگی های از قبیل استفاده از الگوی و MAXLENGTH برای محدود کردن مقادیر وارد شده در کنترل. {{cssxref (": معتبر")}} و {{cssxref (": نامعتبر")}} CSS شبه کلاس ها به عنوان مناسب استفاده شود.
      • -
      • متن : درست متن تک خط. خط میشکند صورت خودکار از ارزش ورودی حذف شده است.
      • -
      • زمان : {{HTMLVersionInline ("5")}} کنترل برای ورود به یک مقدار زمان با هیچ منطقه زمان.
      • -
      • آدرس : {{HTMLVersionInline ("5")}} زمینه برای ویرایش یک URL. مقدار ورودی دارای اعتبار است که شامل هر دو رشته خالی یا یک URL مطلق معتبر قبل از ارسال. خط میشکند و منجر و یا فرار فضای سفید به طور خودکار از ارزش ورودی حذف شده است. شما می توانید ویژگی های از قبیل استفاده از الگوی و MAXLENGTH برای محدود کردن مقادیر وارد شده در کنترل. {{cssxref (": معتبر")}} و {{cssxref (": نامعتبر")}} CSS شبه کلاس ها به عنوان مناسب استفاده شود.
      • -
      • هفته : {{HTMLVersionInline ("5")}} کنترل برای ورود به عضویت متشکل از تعداد هفته سال و تعداد هفته با هیچ منطقه زمان.
      • -
      -
      -
      {{htmlattrdef ("accept")}}
      -
      اگر مقدار از نوع ویژگی است فایل ، این ویژگی را نشان می دهد نوع فایل که سرور می پذیرد. در غیر این صورت آن را نادیده گرفته است. مقدار باید یک لیست با کاما از هم جدا از منحصر به فرد specifiers نوع محتوا: -
        -
      • پسوند فایل با شروع با شخصیت STOP (U + 002E). (به عنوان مثال: ".JPG، فعلی، doc است")
      • -
      • نوع MIME پرونده معتبر بدون پسوند
      • -
      • صوتی / * نمایندگی فایل های صوتی {{HTMLVersionInline ("5")}}
      • -
      • ویدئو / * نمایندگی فایل های ویدئویی {{HTMLVersionInline ("5")}}
      • -
      • تصویر / * فایل های نمایندگی تصویر {{HTMLVersionInline ("5")}}
      • -
      -
      -
      {{htmlattrdef ("accesskey")}} {{HTMLVersionInline (4)}} تنها، {{obsoleteGeneric ("درون خطی"، "HTML5")}}
      -
      تک شخصیت است که کاربر می تواند فشار دهید برای تغییر تمرکز ورودی به کنترل. این ویژگی جهانی در HTML5 است.
      -
      {{htmlattrdef ("mozactionhint")}} {{غیر standard_inline}}
      -
      مشخص "اشاره عمل" مورد استفاده برای تعیین چگونگی برچسب کلید را وارد کنید در دستگاه های تلفن همراه با صفحه کلید مجازی. ارزش پشتیبانی می شوند به ، انجام ، بعدی ، جستجو ، و ارسال . این به طور خودکار دریافت به رشته مناسب نقشه برداری (و حروف حساس).
      -
      {{htmlattrdef ("autocapitalize")}} {{غیر standard_inline}}
      -
      این یک ویژگی غیر استاندارد استفاده شده توسط سیستم عامل iOS صفری موبایل که کنترل اینکه آیا و چگونه ارزش متن باید به طور خودکار با حروف بزرگ آن را به عنوان وارد / ویرایش توسط کاربر است. مقادیر غیر بد دانسته دسترس در iOS 5 و بعد می باشد. مقادیر ممکن عبارتند از: -
        -
      • هیچ : کاملا غیر فعال سرمایه اتوماتیک
      • -
      • جملات : به صورت خودکار اولین حرف از جملات.
      • -
      • کلمات : به صورت خودکار اولین حرف از کلمه است.
      • -
      • شخصیت : به صورت خودکار تمام شخصیت های سرمایه گذاری.
      • -
      • در : {{deprecated_inline ()}} توصیه از سیستم عامل iOS 5.
      • -
      • خاموش : {{deprecated_inline ()}} توصیه از سیستم عامل iOS 5.
      • -
      -
      -
      {{htmlattrdef ("تکمیل خودکار")}} {{HTMLVersionInline ("5")}}
      -
      این ویژگی نشان می دهد که آیا ارزش کنترل می تواند به صورت خودکار توسط مرورگر به پایان رسید. این صفت نادیده گرفته اگر مقدار از نوع صفت پنهان، رمز عبور،  چک باکس ، رادیو ، فایل ، یا یک نوع دکمه ( دکمه ، ارائه ، تنظیم مجدد ، تصویر ). مقادیر ممکن عبارتند از: -
        -
      • خاموش : کاربر باید به صراحت ارزش به این زمینه برای هر استفاده را وارد کنید، و یا سند روش تکمیل خودکار خود را فراهم می کند. مرورگر به صورت خودکار تکمیل ورود نیست.
      • -
      • در : مرورگر به طور خودکار می تواند ارزش بر اساس ارزش است که کاربر در طول استفاده قبلی وارد تکمیل.
      • -
      - -

      اگر تکمیل خودکار صفت در یک عنصر ورودی مشخص نشده است، پس از آن مرورگر با استفاده از تکمیل خودکار مقدار ویژگی از <ورودی> صاحب فرم عنصر. صاحب فرم یا است فرم عنصر که این <ورودی> عنصر از نوادگان یا عنصر فرم که است ID توسط مشخص فرم صفت عناصر ورودی. برای کسب اطلاعات بیشتر، نگاه کنید به {{htmlattrxref ("تکمیل خودکار"، "فرم")}} ویژگی در {{روی HTMLElement ("فرم")}}.

      - -

      تکمیل خودکار ویژگی نیز تعیین می فایرفاکس خواهد شد، بر خلاف سایر مرورگرها، اصرار دولت غیر فعال پویا و (در صورت وجود) checkedness پویا از {{روی HTMLElement ("ورودی")}} در سراسر بارهای صفحه. ویژگی تداوم به طور پیش فرض فعال است. تنظیم مقدار از تکمیل خودکار ویژگی به فعال غیر فعال کردن این ویژگی. این کار حتی زمانی که تکمیل خودکار ویژگی به طور معمول به {{روی HTMLElement ("ورودی")}} به موجب آن صدق نمی کند نوع . مشاهده {{اشکال (654072)}}.

      -
      -
      {{htmlattrdef ("رقم")}} {{غیر standard_inline}}
      -
      این یک ویژگی غیر استاندارد پشتیبانی شده توسط صفری است که مورد استفاده برای کنترل اینکه آیا autocorrection باید فعال زمانی که کاربر وارد شده است / ویرایش ارزش متن {{روی HTMLElement ("ورودی")}}. مقادیر ویژگی ممکن است: -
        -
      • در : فعال کردن autocorrection
      • -
      • خاموش : autocorrection غیر فعال کردن
      • -
      -
      -
      {{htmlattrdef ("فوکوس خودکار")}} {{HTMLVersionInline ("5")}}
      -
      این ویژگی بولی شما اجازه می دهد مشخص است که یک کنترل فرم باید تمرکز ورودی هنگامی که بارهای صفحه، مگر اینکه کاربر را لغو، به عنوان مثال با تایپ کردن در یک کنترل متفاوت است. تنها یک عنصر فرم در یک سند می تواند داشته فوکوس خودکار ویژگی، که یک بولی. این را نمی توان اعمال اگر نوع صفت به راه پنهان (که شده است، شما نمی توانید به طور خودکار تمرکز به کنترل پنهان است).
      -
      {{htmlattrdef ("ذخیره خودکار")}} {{HTMLVersionInline ("5")}}
      -
      این ویژگی باید به عنوان یک ارزش منحصر به فرد تعریف شده است. اگر ارزش نوع ویژگی است جستجو ، ارزش عبارت جستجوی قبلی در کرکره در سراسر بار صفحه ادامه خواهد داشت.
      -
      {{htmlattrdef ("چک")}}
      -
      -

      هنگامی که ارزش نوع ویژگی است رادیو یا چک باکس ، حضور این ویژگی بولی نشان می دهد که کنترل به طور پیش فرض انتخاب شده. در غیر این صورت آن را نادیده گرفته است.

      - -

      فایرفاکس خواهد شد، بر خلاف سایر مرورگرها، به طور پیش فرض، اصرار پویا بررسی دولت از {{روی HTMLElement ("ورودی")}} در سراسر بارهای صفحه. با استفاده از {{htmlattrxref ("تکمیل خودکار"، "ورودی")}} ویژگی برای کنترل این ویژگی.

      -
      -
      {{htmlattrdef ("غیر فعال")}}
      -
      -

      این ویژگی بولی نشان می دهد که کنترل فرم در دسترس است برای تعامل نیست. به طور خاص، کلیک رویداد خواهد شد اعزام نمی در کنترل غیر فعال است. همچنین، ارزش یک کنترل غیر فعال است با فرم ارسال نشده است.

      - -

      فایرفاکس خواهد شد، بر خلاف سایر مرورگرها، به طور پیش فرض، اصرار دولت معلول پویا از {{روی HTMLElement ("ورودی")}} در سراسر بارهای صفحه. با استفاده از {{htmlattrxref ("تکمیل خودکار"، "ورودی")}} ویژگی برای کنترل این ویژگی.

      -
      -
      {{htmlattrdef ("فرم")}} {{HTMLVersionInline ("5")}}
      -
      عنصر فرم که عنصر ورودی با (آن همراه صاحب فرم ). ارزش ویژگی باید داشته باشد ID از {{روی HTMLElement ("فرم")}} عنصر در همان سند. اگر این ویژگی مشخص نشده است، این <ورودی> عنصر باید از نسل {{روی HTMLElement ("فرم")}} عنصر باشد. این ویژگی شما را قادر به قرار دادن <ورودی> عناصر در هر نقطه در یک سند، نه فقط به عنوان فرزندان عناصر فرم خود را. ورودی تنها می توان با یک فرم در ارتباط است.
      -
      {{htmlattrdef ("formaction")}} {{HTMLVersionInline ("5")}}
      -
      URI از برنامه ای است که پردازش اطلاعات ارائه شده توسط عنصر ورودی، اگر آن یک دکمه یا عکس ارسال کنید. اگر مشخص شده، آن را لغو می {{htmlattrxref ("عمل"، "فرم")}} ویژگی از صاحب فرم عنصر است.
      -
      {{htmlattrdef ("formenctype")}} {{HTMLVersionInline ("5")}}
      -
      اگر عنصر ورودی دکمه ارسال و یا تصویر است، این ویژگی نوع محتوا است که برای ارائه به صورت به سرور مشخص می کند. مقادیر ممکن عبارتند از: -
        -
      • نرم افزار / X-WWW-فرم-urlencoded : مقدار پیش فرض اگر ویژگی مشخص نشده است.
      • -
      • چند / فرم داده : با استفاده از این ارزش اگر شما با استفاده از {{روی HTMLElement ("ورودی")}} عنصر با {{htmlattrxref ("نوع"، "ورودی")}} مجموعه نسبت به فایل .
      • -
      • متن / ساده
      • -
      - -

      اگر این ویژگی مشخص است، آن را لغو می {{htmlattrxref ("Enctype فرم"، "فرم")}} ویژگی از صاحب فرم عنصر است.

      -
      -
      {{htmlattrdef ("formmethod")}} {{HTMLVersionInline ("5")}}
      -
      اگر عنصر ورودی دکمه ارسال و یا تصویر است، این ویژگی به روش HTTP که مرورگر استفاده می کند برای ارسال فرم مشخص می کند. مقادیر ممکن عبارتند از: -
        -
      • ارسال : داده ها از فرم در بدن از فرم شامل است و به سرور ارسال می شود.
      • -
      • دریافت ها: داده ها از فرم به اضافه فرم نسبت URI، با "؟" به عنوان یک جدا، و URI نتیجه به سرور ارسال می شود. با استفاده از این روش هنگامی که فرم هیچ عوارض جانبی و تنها حاوی کاراکترهای اسکی.
      • -
      - -

      اگر مشخص شده، این ویژگی را لغو می {{htmlattrxref ("روش"، "فرم")}} ویژگی از صاحب فرم عنصر است.

      -
      -
      {{htmlattrdef ("formnovalidate")}} {{HTMLVersionInline ("5")}}
      -
      اگر عنصر ورودی دکمه ارسال و یا تصویر است، این ویژگی بولی مشخص می کند که به شکل نیست به اعتبار زمانی که آن را مشاهده کنید. اگر این ویژگی مشخص است، آن را لغو می {{htmlattrxref ("novalidate"، "فرم")}} ویژگی از صاحب فرم عنصر است.
      -
      {{htmlattrdef ("formtarget")}} {{HTMLVersionInline ("5")}}
      -
      اگر عنصر ورودی دکمه ارسال و یا تصویر است، این ویژگی یک نام یا کلمه کلیدی نشان می دهد که در آن به نمایش پاسخ این است که پس از ارسال فرم دریافت است. این نام، و یا کلمه کلیدی برای، است زمینه مرور (به عنوان مثال، تب، پنجره، و یا فریم های درون خطی). اگر این ویژگی مشخص است، آن را لغو می {{htmlattrxref ("هدف"، "فرم")}} ویژگی از صاحب فرم عناصر است. کلمات کلیدی زیر دارای معانی خاص: -
        -
      • _ خود : بار پاسخ به زمینه مرور همان یک جریان. این مقدار به طور پیش فرض است اگر ویژگی مشخص نشده است.
      • -
      • _blank : بار پاسخ به یک محیط جدید مرور که نامش ذکر نشده.
      • -
      • _parent : بار پاسخ به زمینه مرور پدر و مادر از یک جریان. اگر هیچ پدر و مادر وجود دارد، این گزینه رفتار به همان شیوه به عنوان _self .
      • -
      • _top : بار پاسخ به زمینه مرور در سطح بالا (که شده است، زمینه مرور است که از اجداد یک جریان، و هیچ پدر و مادر). اگر هیچ پدر و مادر وجود دارد، این گزینه رفتار به همان شیوه به عنوان _self .
      • -
      -
      -
      {{htmlattrdef ("ارتفاع")}} {{HTMLVersionInline ("5")}}
      -
      اگر مقدار از نوع ویژگی است تصویر ، این ویژگی ارتفاع تصویر نمایش داده شده برای دکمه تعریف می کند.
      -
      {{htmlattrdef ("تدریجی")}} {{غیر standard_inline}}
      -
      این یک ویژگی غیر استاندارد پشتیبانی شده توسط صفری که فقط شامل زمانی که است نوع است جستجو . اگر ویژگی حال حاضر، صرف نظر از آنچه ارزش خود را است، {{روی HTMLElement ("ورودی")}} آتش سوزی جستجو وقایع را به عنوان کاربر ویرایش ارزش متن. این رویداد تنها پس از ایست-اجرای تعریف کرده است از ضربه زدن به کلید جدید ترین سپری اخراج. کلید جدید تنظیم مجدد ایست. به عبارت دیگر، شلیک رویداد debounced است. اگر ویژگی وجود ندارد، جستجو رویداد تنها اخراج وقتی که کاربر به صراحت با دادن یک (مثلا با کلید Enter در حالی که در زمینه فشار دادن).
      -
      {{htmlattrdef ("inputmode")}} {{HTMLVersionInline ("5")}}
      -
      اشاره به مرورگر است که برای آن صفحه کلید برای نمایش. این ویژگی صدق زمانی که ارزش نوع متن، رمز عبور، ایمیل، و یا URL است. مقادیر ممکن عبارتند از: -
        -
      • کلمه به کلمه : عدد و الفبایی، محتوای غیر نثر مانند نام کاربری و کلمه عبور.
      • -
      • لاتین : ورودی لاتین اسکریپت در زبان مورد نظر کاربر با ایدز تایپ مانند پیش بینی متن را فعال کنید. برای ارتباط انسان-به-کامپیوتر مانند جعبه جستجو.
      • -
      • لاتین نام : عنوان لاتین ، اما برای نام انسان است.
      • -
      • لاتین نثر : به عنوان لاتین ، اما با ایدز تایپ تهاجمی تر. برای انسان به انسان ارتباطی مانند پیام های فوری برای ایمیل.
      • -
      • تمام عرض لاتین : عنوان لاتین نثر ، اما برای زبان دوم کاربر.
      • -
      • کانا : کانا یا ورودی romaji، به طور معمول ورودی هیراگانا، با استفاده از شخصیت های تمام عرض، با پشتیبانی از تبدیل به کانجی. در نظر گرفته شده برای ورودی متن ژاپنی.
      • -
      • کاتاکانا : ورودی کاتاکانا، با استفاده از شخصیت های تمام عرض، با پشتیبانی از تبدیل به کانجی. در نظر گرفته شده برای ورودی متن ژاپنی.
      • -
      • عددی : ورودی عددی، از جمله کلید برای رقم 0 تا 9، ترجیح شخصیت هزاران جدا کاربر، و شخصیت برای نشان اعداد منفی. در نظر گرفته شده برای کدهای عددی، به عنوان مثال شماره کارت اعتباری. برای اعداد واقعی، ترجیح می دهند با استفاده از <نوع ورودی = "تعداد">
      • -
      • تلفن : ورودی تلفن، از جمله ستاره و کلید پوند. استفاده از <ورودی نوع = "تلفن"> در ​​صورت امکان به جای.
      • -
      • ایمیل : ورودی ایمیل. استفاده از <ورودی نوع = "ایمیل"> در ​​صورت امکان به جای.
      • -
      • آدرس : URL ورودی. استفاده از <ورودی نوع = "URL"> در ​​صورت امکان به جای.
      • -
      -
      -
      {{htmlattrdef ("فهرست")}} {{HTMLVersionInline ("5")}}
      -
      شناسایی یک لیست از گزینه های از پیش تعریف شده به پیشنهاد به کاربر. مقدار باید باشد ID از {{روی HTMLElement ("کنترل DataList")}} عنصر در همان سند. مرورگر تنها گزینه هایی که مقادیر معتبر برای این عنصر ورودی می باشد. این صفت زمانی که نادیده گرفته نوع مقدار ویژگی است پنهان ، چک باکس ، رادیو ، فایل ، یا یک نوع فشار دهید.
      -
      {{htmlattrdef ("حداکثر")}} {{HTMLVersionInline ("5")}}
      -
      حداکثر ارزش (عددی یا تاریخ-زمان) را برای این آیتم، که نباید کمتر از حداقل (آن دقیقه ویژگی) ارزش.
      -
      {{htmlattrdef ("MAXLENGTH")}}
      -
      اگر مقدار از نوع ویژگی است متن ، ایمیل ، جستجو ، رمز عبور ، تلفن ، و یا URL ، این ویژگی به حداکثر تعداد کاراکتر (در نقاط کد یونیکد) که کاربر می تواند وارد مشخص. برای دیگر انواع کنترل، آن را نادیده گرفته است. این می تواند ارزش بیش از اندازه ویژگی. اگر آن مشخص نشده است، کاربر می تواند تعداد نامحدودی از حرف وارد نمایید. مشخص نتایج تعداد منفی در رفتار پیش فرض. که شده است، کاربر می تواند تعداد نامحدودی از حرف وارد نمایید. محدودیت ارزیابی شده است تنها زمانی که ارزش صفت تغییر کرده است.
      -
      {{htmlattrdef ("دقیقه")}} {{HTMLVersionInline ("5")}}
      -
      حداقل ارزش (عددی یا تاریخ-زمان) را برای این آیتم، که نباید بیشتر از حداکثر (آن حداکثر ویژگی) ارزش.
      -
      {{htmlattrdef ("minlength")}} {{HTMLVersionInline ("5")}}
      -
      اگر مقدار از نوع ویژگی است متن ، ایمیل ، جستجو ، رمز عبور ، تلفن ، و یا URL ، این ویژگی حداقل تعداد کاراکتر (در نقاط کد یونیکد) که کاربر می تواند وارد مشخص. برای دیگر انواع کنترل، آن را نادیده گرفته است.
      -
      {{htmlattrdef ("چند")}} {{HTMLVersionInline ("5")}}
      -
      این ویژگی بولی نشان می دهد که آیا کاربر می تواند بیش از یک مقدار را وارد کنید. این ویژگی صدق زمانی که نوع صفت قرار است به ایمیل و یا فایل . در غیر این صورت آن را نادیده گرفته است.
      -
      {{htmlattrdef ("نام")}}
      -
      نام کنترل، که با داده های فرم را مشاهده کنید.
      -
      {{htmlattrdef ("الگوی")}} {{HTMLVersionInline ("5")}}
      -
      یک عبارت منظم که ارزش کنترل است در برابر بررسی می شود. الگوی باید کل ارزش، نه فقط برخی از زیر مجموعه مطابقت. استفاده از عنوان ویژگی برای توصیف الگوی برای کمک به کاربر. این ویژگی صدق زمانی که ارزش نوع ویژگی است متن ، جستجو ، تلفن ، آدرس و یا ایمیل . در غیر این صورت آن را نادیده گرفته است. زبان عبارت منظم همان را جاوا اسکریپت است. الگوی توسط اسلش رو به جلو احاطه نیست.
      -
      {{htmlattrdef ("حفره یا سوراخ")}} {{HTMLVersionInline ("5")}}
      -
      اشاره به کاربر از آنچه می تواند در کنترل وارد شده است. متن حفره یا سوراخ باید بازده حمل و یا خط تغذیه نیست. این ویژگی صدق زمانی که ارزش نوع ویژگی است متن ، جستجو ، تلفن ، آدرس و یا ایمیل . در غیر این صورت آن را نادیده گرفته است. -
      توجه: آیا استفاده نمی حفره یا سوراخ نسبت به جای {{روی HTMLElement ("برچسب")}} عنصر. اهداف خود متفاوت است: {{روی HTMLElement ("برچسب")}} ویژگی را توصیف نقش عنصر فرم. که است، آن را نشان می دهد که چه نوع از اطلاعات است انتظار می رود، حفره یا سوراخ ویژگی یک اشاره در مورد فرمت محتوای باید باشد. موارد که در آن وجود دارد حفره یا سوراخ صفت هرگز به کاربر نمایش داده، به طوری که فرم باید بدون آن قابل فهم باشد.
      -
      -
      {{htmlattrdef ("فقط خواندنی")}}
      -
      این ویژگی بولی نشان می دهد که کاربر می تواند ارزش های کنترل را تغییر دهید. -

      {{HTMLVersionInline ("5")}} این صفت اگر مقدار از نادیده گرفته نوع صفت پنهان ، محدوده ، رنگ ، چک باکس ، رادیو ، فایل ، یا یک نوع فشار دهید.

      -
      -
      {{htmlattrdef ("نیاز")}} {{HTMLVersionInline ("5")}}
      -
      این ویژگی مشخص می کند که کاربر باید در یک مقدار قبل از ارسال فرم را پر کنید. این می تواند مورد استفاده قرار گیرد که نوع صفت پنهان ، تصویر ، و یا یک نوع دکمه ( ارسال ، تنظیم مجدد ، و یا دکمه ). {{cssxref (": اختیاری")}} و {{cssxref (": نیاز")}} CSS شبه کلاس خواهد شد به میدان به عنوان مناسب استفاده شود.
      -
      {{htmlattrdef ("selectionDirection")}} {{HTMLVersionInline ("5")}}
      -
      جهت است که در آن انتخاب رخ داده است. این است "رو به جلو" اگر انتخاب از ساخته شده بود به سمت چپ به راست در محل LTR و یا راست به چپ در محلی RTL، و یا "عقب مانده" اگر انتخاب در جهت مخالف ساخته شده است. این می تواند "هیچ" اگر جهت انتخاب ناشناخته است.
      -
      {{htmlattrdef ("اندازه")}}
      -
      اندازه اولیه از کنترل. این مقدار است در پیکسل مگر اینکه ارزش نوع ویژگی است متن یا رمز عبور ، که در این صورت، آن را یک عدد صحیح از شخصیت است. شروع در HTML5، این ویژگی فقط زمانی که نوع صفت به راه متن ، جستجو ، تلفن ، آدرس ، ایمیل ، و یا رمز عبور . در غیر این صورت آن را نادیده گرفته است. علاوه بر این، اندازه باید بزرگتر از صفر باشد. اگر شما یک اندازه مشخص نیست، یک مقدار به طور پیش فرض از 20 استفاده شده است.
      -
      {{htmlattrdef ("چک کردن غلط املایی")}} {{HTMLVersionInline ("5")}}
      -
      تنظیم مقدار این ویژگی به درست نشان می دهد که عنصر نیاز به املا و دستور زبان آن بررسی می شود. ارزش به طور پیش فرض نشان می دهد که عنصر است با توجه به رفتار پیش فرض، احتمالا در عنصر پدر و مادر خود را بر اساس به عمل چک کردن غلط املایی ارزش. ارزش نادرست نشان می دهد که عنصر باید بررسی شود.
      -
      {{htmlattrdef ("SRC")}}
      -
      اگر مقدار از نوع ویژگی است تصویر ، این ویژگی URI برای محل از یک تصویر به روی گرافیکی نمایش دکمه ارسال را مشخص. در غیر این صورت آن را نادیده گرفته است.
      -
      {{htmlattrdef ("گام")}} {{HTMLVersionInline ("5")}}
      -
      با این نسخهها کار میکند دقیقه و حداکثر نسبت به محدود کردن افزایش که در آن یک مقدار عددی یا تاریخ-زمان می تواند مجموعه ای. این می تواند رشته هر و یا تعداد ممیز شناور مثبت است. اگر این ویژگی است به تنظیم نشده هر ، کنترل تنها ارزش می پذیرد در تقسیم عددی بر مضرب ارزش گام بیشتر از حداقل.
      -
      {{htmlattrdef ("tabindex")}}-عنصر خاص در {{HTMLVersionInline (4)}}، جهانی در {{HTMLVersionInline ("5")}}
      -
      موقعیت عنصر در tabbing منظور ناوبری برای سند جاری.
      -
      {{htmlattrdef ("usemap")}} {{HTMLVersionInline (4)}} تنها، {{obsoleteGeneric ("درون خطی"، "HTML5")}}
      -
      نام {{روی HTMLElement ("نقشه")}} عنصر به عنوان یک تصویر نقشه.
      -
      {{htmlattrdef ("مقدار")}}
      -
      مقدار اولیه از کنترل. این ویژگی اختیاری به جز زمانی که ارزش است نوع ویژگی است رادیو یا چک باکس .
      - توجه داشته باشید که زمانی که بارگیری مجدد صفحه، مارمولک خانگی و اینترنت اکسپلورر خواهد شد مقدار مشخص شده در کد HTML فوق به چشم پوشی ، اگر مقدار قبل از بازنگری تغییر یافت.
      -
      {{htmlattrdef ("عرض")}} {{HTMLVersionInline ("5")}}
      -
      اگر مقدار از نوع ویژگی است تصویر ، این ویژگی عرض تصویر نمایش داده شده برای دکمه تعریف می کند.
      -
      {{htmlattrdef ("X-moz-errormessage")}} {{غیر standard_inline}}
      -
      این فرمت موزیلا اجازه می دهد تا شما را به مشخص پیغام خطا برای نمایش زمانی که یک میدان می کند با موفقیت اعتبار نیست.
      -
      - -

      یادداشت

      - -

      ورودی فایل

      - -
      -

      توجه داشته باشید: شروع در {{مارمولک خانگی ("2.0")}}، خواستار کلیک () روش در {{روی HTMLElement ("ورودی")}} عنصر از نوع "فایل" باز می شود جمع کننده فایل و کاربر فایل را انتخاب کنید اجازه می دهد. مشاهده با استفاده از فایل ها از برنامه های کاربردی وب برای مثال و جزئیات بیشتر.

      -
      - -

      شما می توانید مقدار یک جمع کننده فایل از یک اسکریپت تنظیم نشده. انجام کاری مانند زیر اثر ندارد:

      - -
      ور E = getElementById ("someFileInputElement")؛
      -e.value = "غذ"؛
      -
      - -

      پیام های خطا

      - -

      اگر می خواهید فایرفاکس به ارائه یک پیام خطای سفارشی در زمانی که یک میدان قادر به اعتبارسنجی، شما می توانید با استفاده از X-moz-errormessage ویژگی به انجام این کار:

      - -
      <نوع ورودی = "ایمیل" X-moz-errormessage = "لطفا یک آدرس ایمیل معتبر را مشخص کنید.">
      -
      - -

      توجه داشته باشید، با این حال، که این استاندارد نیست و یک اثر در مرورگرهای دیگر ندارد.

      - -

      نمونه

      - -

      جعبه ورودی ساده

      - -
      <! - ورودی عمومی ->
      -<نوع ورودی = "متن" نام = "ورودی" مقدار = "در اینجا تایپ کنید">
      -
      - -

      - -

      سناریو مورد استفاده مشترک

      - -
      <! - فرم مشترک است که شامل تگ های ورودی ->
      -<اقدام فرم = روش "getform.php" = "دریافت">
      -    نام: <نوع ورودی = "متن" نام = "FIRST_NAME" /> <br />
      -     تاریخ و زمان آخرین نام: <نوع ورودی = "متن" نام = "LAST_NAME" /> <br />
      -        فرستادن به ایمیل: <ورودی نوع = "ایمیل" نام = "USER_EMAIL" /> <br />
      -<نوع ورودی = "ارسال" مقدار = "ارسال" />
      -</ FORM>
      -
      - -

      با استفاده از mozactionhint در فایرفاکس موبایل

      - -

      شما می توانید {{htmlattrxref ("mozactionhint"، "ورودی")}} نسبت به تعیین متن برای برچسب کلید وارد کنید بر روی صفحه کلید مجازی هنگامی که فرم شما در فایرفاکس موبایل ارائه استفاده کنید. به عنوان مثال، به یک "بعدی" برچسب، شما می توانید این کار:

      - -
      <نوع ورودی = "متن" mozactionhint = "بعدی" نام = "sometext" />
      -
      - -

      نتیجه این است:

      - -

      mozactionhint.png

      - -

      مشخصات

      - - - - - - - - - - - - - - - - - - - - - - - - - - -
      مشخصاتوضعیتتوضیح
      {{SpecName ('HTML WHATWG'، 'ورودی-element.html #-ورودی-عنصر'، '<ورودی>')}}{{Spec2 ('HTML WHATWG')}} 
      {{SpecName ('HTML5 W3C'، 'forms.html #-ورودی-عنصر'، '<ورودی>')}}{{Spec2 ('HTML5 W3C')}} 
      {{SpecName ('HTML4.01'، 'تعامل / # forms.html H-17.4'، '<FORM>')}}{{Spec2 ('HTML4.01')}} 
      - -

      سازگاری مرورگر

      - -

      {{CompatibilityTable}}

      - -
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
      خصوصیاتکرومفایرفاکس (مارمولک خانگی)اینترنت اکسپلورراپراسیاحت اکتشافی در افریقا
      حمایت عمومی1.0{{CompatGeckoDesktop ("1.7 و یا قبل از آن")}}2 یا قبل از آن1.01.0
      نوع1.0{{CompatGeckoDesktop ("1.7 و یا قبل از آن")}}21.01.0
      نوع = دکمه1.0{{CompatGeckoDesktop ("1.7 و یا قبل از آن")}}31.01.0
      نوع = چک باکس1.0{{CompatGeckoDesktop ("1.7 و یا قبل از آن")}}
      - {{CompatGeckoDesktop ("1.9.2")}} برای رشد نامحدود ارزش
      21.01.0
      نوع = رنگ21.0 -

      {{CompatGeckoDesktop ("29.0")}} (نه برای ویندوز لمسی نشده)

      -
      {{CompatNo}}11.01{{CompatNo}}
      نوع = تاریخ5.0{{CompatNo}}
      - {{unimplemented_inline ("825294")}}
      {{CompatNo}}10.62{{CompatVersionUnknown}} (به رسمیت شناخته شده اما هیچ UI)
      نوع = تاریخ ساعت -

      {{CompatNo}}
      - (به رسمیت شناخته شده اما هیچ UI)

      -
      {{CompatNo}}
      - {{unimplemented_inline ("825294")}}
      {{CompatNo}}10.62{{CompatVersionUnknown}} (به رسمیت شناخته شده اما هیچ UI)
      نوع = تاریخ ساعت محلی5.0{{CompatNo}}
      - {{unimplemented_inline ("825294")}}
      {{CompatNo}}10.62{{CompatVersionUnknown}} (به رسمیت شناخته شده اما هیچ UI)
      نوع = ایمیل5.0{{CompatGeckoDesktop ("2.0")}}1010.62{{CompatUnknown}}
      نوع = فایل1.0{{CompatGeckoDesktop ("1.7 و یا قبل از آن")}}3.021.01.0
      نوع = پنهان1.0{{CompatGeckoDesktop ("1.7 و یا قبل از آن")}}21.01.0
      نوع = تصویر1.0مارمولک خانگی 2.0 تنها x و y می فرستد مختصات زمانی که کلیک، دیگر نمی به نام / مقدار این عنصر21.01.0
      نوع = ماه5.0{{CompatNo}}
      - {{unimplemented_inline ("446510")}}
      {{CompatNo}}10.62{{CompatVersionUnknown}} (به رسمیت شناخته شده اما هیچ UI)
      نوع = تعداد6.0 (محلی سازی در کروم 11){{CompatGeckoDesktop ("29.0")}}10
      - (به رسمیت شناخته شده اما هیچ UI)
      10.62{{CompatVersionUnknown}}
      نوع = رمز عبور1.0{{CompatGeckoDesktop ("1.7 و یا قبل از آن")}}21.01.0
      نوع = رادیو1.0{{CompatGeckoDesktop ("1.7 و یا قبل از آن")}}
      - {{CompatGeckoDesktop ("1.9.2")}} برای رشد نامحدود ارزش
      21.01.0
      نوع = دامنه5.0{{CompatGeckoDesktop ("23.0")}}1010.62 (11.01 اضافه شده پشتیبانی از مقدار پیش فرض){{CompatVersionUnknown}}
      نوع = تنظیم مجدد1.0{{CompatGeckoDesktop ("1.7 و یا قبل از آن")}}21.01.0
      نوع = جستجو5.0{{CompatGeckoDesktop ("2.0")}}1011.01{{CompatVersionUnknown}}
      نوع = ارسال1.0{{CompatGeckoDesktop ("1.7 و یا قبل از آن")}}21.01.0
      نوع = تلفن5.0{{CompatGeckoDesktop ("2.0")}}1011.01{{CompatUnknown}}
      نوع = متن1.0{{CompatGeckoDesktop ("1.7 و یا قبل از آن")}}21.01.0
      نوع = زمان5.0{{CompatNo}}
      - {{unimplemented_inline ("825294")}}
      {{CompatNo}}10.62{{CompatVersionUnknown}} (به رسمیت شناخته شده اما هیچ UI)
      نوع = URL5.0{{CompatGeckoDesktop ("2.0")}}1010.62{{CompatUnknown}}
      نوع = هفته5.0{{CompatNo}}
      - {{unimplemented_inline ("825294")}}
      {{CompatNo}}10.62{{CompatVersionUnknown}} (به رسمیت شناخته شده اما هیچ UI)
      -

      شرایط = [فرمت فایل]

      -
      {{CompatVersionUnknown}}{{CompatNo}}10{{CompatUnknown}}{{CompatNo}}
      -

      شرایط = [نوع MIME پرونده]

      -
      هشت{{CompatGeckoDesktop ("16.0")}}1010{{CompatNo}}
      شرایط = صوتی / *{{CompatVersionUnknown}}{{CompatGeckoDesktop ("2.0")}}
      - فیلترها برای پسوند فایل های صوتی زیر: .aac، .aif، .flac، .iff، .m4a، .m4b، .mid، .midi، MP3، .mpa، .mpc ، .oga، .ogg، .ra، .ram، .snd، پنل های ال، .WMA
      10{{CompatNo}}{{CompatNo}}
      شرایط = ویدیو / *{{CompatVersionUnknown}}{{CompatGeckoDesktop ("2.0")}}
      - فیلترها برای پسوند فایل تصویری زیر: .AVI، دیویکس،. FLV، .m4v، .mkv، ویدئویی، .mp4، .mpeg، .MPG، .ogm، .ogv ، .ogx، .rm، .rmvb، .smil، .webm، WMV، .xvid
      10{{CompatNo}}{{CompatNo}}
      شرایط = تصویر / *{{CompatVersionUnknown}}{{CompatGeckoDesktop ("2.0")}}
      - فیلترها برای پسوند فایل تصویر زیر: .jpe، .JPG، .jpeg، با فرمت .gif فعلی، bmp و، .ico، .svg، .svgz، .tif، .tiff ، .ai، .drw، .pct، .psp، .xcf، فایل PSD، .raw
      10{{CompatNo}}{{CompatNo}}
      = [شرایط. + EXT]{{CompatUnknown}}{{CompatGeckoDesktop ("37.0")}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
      ویژه accesskey1.0{{CompatVersionUnknown}}61.0{{CompatUnknown}}
      mozactionhint{{CompatNo}}{{CompatGeckoDesktop ("2.0")}}{{CompatNo}}{{CompatNo}}{{CompatNo}}
      تکمیل خودکار17.0{{CompatGeckoDesktop ("2.0")}}59.65.2
      فوکوس خودکار5.0{{CompatGeckoDesktop ("2.0")}}109.65.0
      بررسی1.0{{CompatGeckoDesktop ("1.7 و یا قبل از آن")}}21.01.0
      غیر فعال1.0{{CompatGeckoDesktop ("1.7 و یا قبل از آن")}}61.01.0
      فرم9.0{{CompatGeckoDesktop ("2.0")}}{{CompatUnknown}}10.62{{CompatUnknown}}
      formaction9.0{{CompatGeckoDesktop ("2.0")}}1010.625.2
      formenctype9.0{{CompatGeckoDesktop ("2.0")}}1010.62{{CompatUnknown}}
      formmethod9.0{{CompatGeckoDesktop ("2.0")}}1010.625.2
      formnovalidate5.0 (در 6.0 تنها با DOCTYPE HTML5 کار، پشتیبانی اعتبار در 7.0 غیر فعال و دوباره فعال در 10.0 بود){{CompatGeckoDesktop ("2.0")}}1010.62{{CompatUnknown}}
      formtarget9.0{{CompatGeckoDesktop ("2.0")}}1010.625.2
      ارتفاع1.0{{CompatGeckoDesktop ("16.0")}}{{CompatUnknown}}1.0{{CompatUnknown}}
      افزایشی{{CompatVersionUnknown}}{{CompatNo}}{{CompatNo}}{{CompatNo}}{{CompatVersionUnknown}}
      inputmode{{CompatNo}}{{CompatNo}}{{CompatNo}}{{CompatNo}}{{CompatNo}}
      فهرست20.0{{CompatGeckoDesktop ("2.0")}}109.6{{CompatNo}}
      حداکثر5.0{{CompatGeckoDesktop ("16.0")}}{{CompatUnknown}}10.62{{CompatUnknown}}
      MAXLENGTH1.0{{CompatGeckoDesktop ("1.7")}}21.01.0
      دقیقه5.0{{CompatGeckoDesktop ("16.0")}}{{CompatUnknown}}10.62{{CompatUnknown}}
      minlength40.0{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
      چندین1.0 (پشتیبانی برای نوع = فایل و نوع = ایمیل از 5.0){{CompatGeckoDesktop ("1.9.2")}} برای نوع = فایل
      - {{CompatVersionUnknown}} برای نوع = ایمیل
      101.0 (پشتیبانی 10.62 برای نوع = فایل و به عنوان از 11.01 نوع = ایمیل){{CompatUnknown}}
      نام1.0{{CompatGeckoDesktop ("1.7 و یا قبل از آن")}}21.01.0
      الگو5.0{{CompatGeckoDesktop ("2.0")}}109.6{{CompatNo}}
      حفره یا سوراخ10.0{{CompatGeckoDesktop ("2.0")}}1011.005.0
      فقط خواندنی1.0{{CompatGeckoDesktop ("1.7 و یا قبل از آن")}}6 (از دست رفته برای نوع از چک باکس ، رادیو )1.01.0
      ضروری5.0 (پشتیبانی از عنصر انتخاب به عنوان 10){{CompatGeckoDesktop ("2.0")}}109.6{{CompatNo}}
      اندازه1.0{{CompatGeckoDesktop ("1.7 و یا قبل از آن")}}21.01.0
      چک کردن غلط املایی10.0{{CompatGeckoDesktop ("1.9.2")}}1011.0چهار
      SRC1.0{{CompatGeckoDesktop ("1.7 و یا قبل از آن")}}21.01.0
      گام6.0{{CompatGeckoDesktop ("16.0")}}1010.625.0
      tabindex1.0{{CompatGeckoDesktop ("1.7 و یا قبل از آن")}}6 (عناصر با tabindex> 0 می پیمایش نمی شود){{CompatVersionUnknown}}{{CompatUnknown}}
      عرض1.0{{CompatGeckoDesktop ("16.0")}}{{CompatUnknown}}1.0{{CompatUnknown}}
      -
      - -
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
      خصوصیاتآندرویدفایرفاکس موبایل (مارمولک خانگی)اینترنت اکسپلورر موبایلاپرا موبایلصفری موبایل
      حمایت عمومی{{CompatVersionUnknown}}{{CompatGeckoMobile ("2.0")}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
      نوع{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
      نوع = دکمه{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
      نوع = چک باکس{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
      نوع = رنگ{{CompatUnknown}}{{CompatGeckoDesktop ("27.0")}}{{CompatUnknown}}{{CompatVersionUnknown}}{{CompatUnknown}}
      نوع = تاریخ{{CompatNo}}{{CompatNo}}{{CompatNo}}10.625.0
      نوع = تاریخ ساعت{{CompatNo}}{{CompatNo}}{{CompatNo}}10.62{{CompatVersionUnknown}}
      نوع = تاریخ ساعت محلی{{CompatNo}}{{CompatNo}}{{CompatNo}}10.62{{CompatVersionUnknown}}
      نوع = ایمیل{{CompatUnknown}}{{CompatGeckoMobile ("2.0")}}{{CompatUnknown}}{{CompatVersionUnknown}}3.1 (بدون اعتبار سنجی اما می دهد یک صفحه کلید خاص)
      نوع = فایل{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatVersionUnknown}} [1]
      نوع = پنهان{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
      نوع = تصویر{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
      نوع = ماه{{CompatNo}}{{CompatNo}}{{CompatNo}}10.62{{CompatVersionUnknown}}
      نوع = تعداد2.3 (بدون اعتبار سنجی اما می دهد یک صفحه کلید خاص){{CompatGeckoMobile ("29.0")}}{{CompatUnknown}}{{CompatVersionUnknown}}4.0 (بدون اعتبار سنجی اما می دهد یک صفحه کلید خاص)
      نوع = رمز عبور{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
      نوع = رادیو{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
      نوع = دامنه{{CompatUnknown}}{{CompatNo}}{{CompatUnknown}}{{CompatVersionUnknown}}5.0
      نوع = تنظیم مجدد{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
      نوع = جستجو{{CompatUnknown}}{{CompatGeckoMobile ("2.0")}}{{CompatUnknown}}10.62چهار
      نوع = ارسال{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
      نوع = تلفن2.3{{CompatGeckoMobile ("2.0")}}{{CompatUnknown}}10.623.1
      نوع = متن{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
      نوع = زمان{{CompatNo}}{{CompatNo}}{{CompatNo}}10.62{{CompatVersionUnknown}}
      نوع = URL{{CompatUnknown}}{{CompatGeckoMobile ("2.0")}}{{CompatUnknown}}10.623.1 (بدون اعتبار سنجی اما می دهد یک صفحه کلید خاص)
      نوع = هفته{{CompatNo}}{{CompatNo}}{{CompatNo}}10.62{{CompatVersionUnknown}}
      شرایط = [نوع MIME پرونده]{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
      شرایط = صوتی / *{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
      شرایط = تصویر / *{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
      شرایط = ویدیو / *{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
      = [شرایط. + EXT]{{CompatUnknown}}{{CompatGeckoMobile ("37.0")}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
      ویژه accesskey{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
      تکمیل خودکار{{CompatUnknown}}{{CompatGeckoMobile ("2.0")}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
      فوکوس خودکار3.2{{CompatGeckoMobile ("2.0")}}{{CompatUnknown}}{{CompatVersionUnknown}}{{CompatUnknown}}
      بررسی{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
      غیر فعال{{CompatVersionUnknown}}{{CompatGeckoMobile ("2.0")}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
      فرم{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
      formaction{{CompatUnknown}}{{CompatGeckoMobile ("2.0")}}{{CompatUnknown}}10.625.0
      formenctype{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
      formmethod{{CompatUnknown}}{{CompatGeckoMobile ("2.0")}}{{CompatUnknown}}10.625.0
      formnovalidate{{CompatUnknown}}{{CompatGeckoMobile ("2.0")}}{{CompatUnknown}}10.62{{CompatUnknown}}
      formtarget{{CompatUnknown}}{{CompatGeckoMobile ("2.0")}}{{CompatUnknown}}10.625.0
      ارتفاع{{CompatUnknown}}{{CompatGeckoMobile ("16.0")}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
      فهرست{{CompatNo}}{{CompatGeckoMobile ("2.0")}}{{CompatUnknown}}{{CompatVersionUnknown}}{{CompatUnknown}}
      حداکثر{{CompatUnknown}}{{CompatGeckoMobile ("16.0")}} (UI ممکن unimplemented باقی می ماند){{CompatUnknown}}10.62{{CompatUnknown}}
      MAXLENGTH{{CompatVersionUnknown}}{{CompatGeckoMobile ("2.0")}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
      دقیقه{{CompatUnknown}}{{CompatGeckoMobile ("16.0")}} (UI ممکن unimplemented باقی می ماند){{CompatUnknown}}10.62{{CompatUnknown}}
      minlength{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
      چندین{{CompatUnknown}}{{CompatVersionUnknown}}{{CompatUnknown}}{{CompatVersionUnknown}}{{CompatUnknown}}
      نام{{CompatVersionUnknown}}{{CompatGeckoMobile ("2.0")}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}1.0
      الگو{{CompatUnknown}}{{CompatGeckoMobile ("2.0")}}{{CompatUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
      حفره یا سوراخ2.3{{CompatGeckoMobile ("2.0")}}{{CompatUnknown}}11.104
      فقط خواندنی{{CompatVersionUnknown}}{{CompatGeckoMobile ("2.0")}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
      ضروری{{CompatUnknown}}{{CompatVersionUnknown}}{{CompatUnknown}}{{CompatVersionUnknown}}{{CompatUnknown}}
      اندازه{{CompatVersionUnknown}}{{CompatGeckoMobile ("2.0")}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}{{CompatVersionUnknown}}
      چک کردن غلط املایی{{CompatUnknown}}{{CompatGeckoMobile ("2.0")}}{{CompatUnknown}}11.0{{CompatUnknown}}
      SRC{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
      گام{{CompatUnknown}}{{CompatGeckoMobile ("16.0")}} (UI ممکن unimplemented باقی می ماند){{CompatUnknown}}10.62{{CompatUnknown}}
      tabindex{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
      عرض{{CompatUnknown}}{{CompatGeckoMobile ("16.0")}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
      -
      - -

      [1]: ارسال فایل شکسته شد برای IOS 8.0 و 8.0.1 در موبایل صفری. اشکال در IOS 8.0.2 ثابت شد.

      - -

      صفری موبایل برای IOS اعمال سبک به طور پیش فرض از {{cssxref ("کدورت")}}: 0.4 به متن غیر فعال {{روی HTMLElement ("ورودی")}} عناصر. سایر مرورگرهای اصلی در حال حاضر نمی اشتراک این سبک به طور پیش فرض خاص است.

      - -

      در Safari موبایل برای IOS، تنظیم {{cssxref ("صفحه نمایش")}}: بلوک در {{روی HTMLElement ("ورودی")}} از نوع = "تاریخ" ، نوع = "زمان" ، نوع = "تاریخ ساعت محلی " ، و یا نوع = "ماه" باعث می شود که متن درون {{روی HTMLElement ("ورودی")}} برای تبدیل شدن به صورت عمودی به misaligned.

      - -

      به عنوان Chrome v39، <ورودی نوع = "تاریخ"> مدل دهید با {{cssxref ("صفحه نمایش")}}: جدول سلول. {{cssxref ("عرض")}}: 100٪؛ . یک دارای {{cssxref ("دقیقه عرض")}} اعمال شده توسط کروم و نمی توان آن را باریک تر از این حداقل عرض تبدیل ببینید کروم اشکال # 346051.

      - -

      یادداشت مارمولک خانگی

      - -

      فایرفاکس خواهد شد، بر خلاف سایر مرورگرها، به طور پیش فرض، اصرار دولت غیر فعال پویا و (در صورت وجود) checkedness پویا از {{روی HTMLElement ("ورودی")}} در سراسر بارهای صفحه. تنظیم مقدار از {{htmlattrxref ("تکمیل خودکار"، "ورودی")}} نسبت به فعال غیر فعال کردن این ویژگی. این کار حتی زمانی که {{htmlattrxref ("تکمیل خودکار"، "ورودی")}} ویژگی به طور معمول به {{روی HTMLElement ("ورودی")}} به موجب آن {{htmlattrxref ("نوع"، "ورودی صدق نمی کند ")}}. مشاهده {{اشکال (654072)}}.

      - -

      شروع در مارمولک خانگی 9.0 {{geckoRelease ("9.0")}}، فایرفاکس برای آندروید کاربران امکان می دهد ضبط تصاویر با استفاده از دوربین خود و ارسال آنها، بدون نیاز به مرورگر را ترک کنند. توسعه دهندگان وب می توانید این ویژگی را به سادگی مشخص تنظیم اجرای شرایط مقدار ویژگی به "تصویر / *" در خود فایل ورودی، مثل این:

      - -

      <ورودی نوع = "فایل" شرایط = "تصویر / *">

      - -

      فایرفاکس برای آندروید مجموعه به طور پیش فرض {{cssxref ("تصویر پس زمینه")}} شیب در همه نوع = "متن" ، نوع = "فایل" ، نوع = "را فشار دهید" ، و نوع = "ارسال" ورودی. این را می توان با استفاده از غیرفعال تصویر پس زمینه: هیچ کدام .

      - -

      فایرفاکس برای آندروید همچنین مجموعه به طور پیش فرض {{cssxref ("مرز")}} در تمام <ورودی نوع = "فایل"> عناصر.

      - -

      محلی کردن

      - -

      ورودی مجاز برای برخی از <ورودی> انواع در منطقه بستگی دارد. در برخی از مناطق، 1،000.00 یک شماره تلفن معتبر است، در حالی که در دیگر مناطق راه معتبر برای ورود به این تعداد 1.000،00 است.

      - -

      فایرفاکس با استفاده از فن آوری هوشمند زیر برای تعیین مکان به اعتبار ورودی کاربر (حداقل برای نوع = "تعداد"):

      - -
        -
      • سعی کنید به زبان مشخص شده توسط 'زبان' / 'XML: زبان' ویژگی در عنصر یا هر یک از پدر و مادر خود را.
      • -
      • سعی کنید به زبان مشخص شده توسط هر هدر HTTP Content-زبان و یا
      • -
      • اگر هیچ موردی مشخص، استفاده از زبان مرورگر.
      • -
      - -

      همچنین ببینید

      - -
        -
      • دیگر عناصر مرتبط با فرم: {{روی HTMLElement ("فرم")}}، {{روی HTMLElement ("را فشار دهید")}}، {{روی HTMLElement ("کنترل DataList")}}، {{روی HTMLElement ("افسانه")}}، {{روی HTMLElement ("برچسب")}}، {{روی HTMLElement ("انتخاب کنید")}}، {{روی HTMLElement ("optgroup")}}، {{روی HTMLElement ("گزینه")}}، {{روی HTMLElement ("ناحیه ی متن ")}}، {{روی HTMLElement (" کرک ")}}، {{روی HTMLElement (" از فیلدها ")}}، {{روی HTMLElement (" خروجی ")}}، {{روی HTMLElement (" پیشرفت ")}} و { {روی HTMLElement ("متر")}}.
      • -
      • صلیب مرورگر متن حفره یا سوراخ HTML5
      • -
      - -

      {{HTMLRef}}

      -- cgit v1.2.3-54-g00ecf