From c10e96cb350f2f9fbd51164634dd6aeb5bfbbda9 Mon Sep 17 00:00:00 2001
From: Florian Merz ربما لاحظت أن علامة {{HTMLElement ("img")}} تحتوي على {{Glossary ("attribute"، "attributes")}} التي توفر معلومات إضافية مطلوبة لبناء الكائن المطلوب ، وفي هذه الحالة ، اسم الملف الصورة التي سيتم عرضها والنص البديل الذي سيتم عرضه عندما يتعذر تحميل الصورة. ربما لاحظت أن علامة {{HTMLElement ("img")}} تحتوي على {{Glossary ("attribute", "attributes")}} التي توفر معلومات إضافية مطلوبة لبناء الكائن المطلوب ، وفي هذه الحالة ، اسم الملف الصورة التي سيتم عرضها والنص البديل الذي سيتم عرضه عندما يتعذر تحميل الصورة. هذا مثال على كيفية إضافة صورة إلى صفحتك ، ولكن يمكنك استخدام تقنيات مشابهة لإضافة الموسيقى ومقاطع الفيديو والمزيد ، وكل ذلك باستخدام لا شيء أكثر من HTML. ينمو إلى صفحتين
- عندما تتصفح الويب ، غالبًا ما تصادفك {{Glossary ("hyperlink" ، "links")}} ، وهي الطريقة الأكثر فائدة للانتقال من صفحة إلى أخرى. نظرًا لأن 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
N
Methods
@@ -104,7 +104,7 @@ original_slug: Web/JavaScript/Reference/Global_Objects/String/prototype {{jsxref ("String.prototype.trimLeft ()")}}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 itemsEine 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 itemsDas 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.
-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:
- -Name | -edit mdn template |
-
---|---|
Location | -/en...mplate:%s$edit |
-
Keyword | -te |
-
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.
-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 ---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{{JSRef}}
-מתודת Object.assign
מעתיקה אובייקט על שלל {{jsxref("Object/propertyIsEnumerable", "מאפייניו", "", 1)} {{jsxref("Object/hasOwnProperty", "הקיימים", "", 1)}} לאובייקט אחר וממזגת אותם ביחד. המתודה מחזירה את האובייקט שאליו העתקנו את התכונות החדשות.
מתודת Object.assign
מעתיקה אובייקט על שלל {{jsxref("Object/propertyIsEnumerable", "מאפייניו", "", "1")}} {{jsxref("Object/hasOwnProperty", "הקיימים", "", "1")}} לאובייקט אחר וממזגת אותם ביחד. המתודה מחזירה את האובייקט שאליו העתקנו את התכונות החדשות.
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 + ')';{{ 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 Metodabind()
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.bind()
two
thisAtr
arg1, arg2, ...argN
{{optional_inline}}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") }}. Иерархия будет выглядеть примерно так:
-На этой диаграмме объекты, с которыми вы взаимодействуете непосредственно в 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()
มีประโยชน์น้อย:
window.location
ช่วยให้คุณสามารถใช้ {{domxref ("document") {} เดียวกันได้เฉพาะเมื่อคุณแก้ไขเฉพาะแฮชwindow.location
ช่วยให้คุณสามารถใช้ {{domxref ("document") }} เดียวกันได้เฉพาะเมื่อคุณแก้ไขเฉพาะแฮชwindow.location = "#foo";
#foo
title
เบราว์เซอร์ใช้ภายหลังเบราเซอร์ข้อมูลนี้สามารถใช้งานได้ (ไม่ขึ้นอยู่กับการกล่าวคือแฮช)ใช้วัตถุ (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อาจเป็นทางเลือกที่ดี
{{öğ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{{Uyumluluk Tablosu}}
+{{CompatibilityTable}}
تخصيص | -
---|
{{SpecName ('ESDraft'، '# sec-new-worker'، 'The new Operator')}} | -
{{Compat ("javascript.operators.new")}}
- -A الدالة this
الكلمة تتصرف بشكل مختلف قليلا في جافا سكريبت بالمقارنة مع اللغات الأخرى. كما أن لديها بعض الاختلافات بين الوضع الصارم والوضع غير الصارم.
في معظم الحالات ، this
يتم تحديد القيمة من خلال كيفية استدعاء دالة (ربط وقت التشغيل). لا يمكن تعيينه عن طريق التعيين أثناء التنفيذ ، وقد يكون مختلفًا في كل مرة يتم استدعاء الوظيفة. قدم ES5 طريقة {{jsxref ("Function.prototype.bind ()"، "bind ()")}} إلى {{jsxref ('Operators / this'، ") تعيين قيمة الوظيفة this
بغض النظر عن كيفية تسميتها" قدم كل من "The_bind_method" و 1)}} و ES2015 دالات الأسهم التي لا توفر ربطًا خاصًا بها this
(فهي تحتفظ this
بقيمة السياق المعجم المرفق).
هذه- -
خاصية سياق التنفيذ (عام ، أو وظيفة ، أو تقييم) التي ، في الوضع غير الصارم ، تكون دائمًا مرجعًا إلى كائن وفي الوضع الصارم يمكن أن تكون أي قيمة.
- -في سياق التنفيذ العام (خارج أي وظيفة) ، 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;
" رمزًا ميتًا بشكل أساسي . ليس ميتًا تمامًا لأنه يتم تنفيذه ، ولكن يمكن إزالته بدون أي تأثيرات خارجية.)
عند استخدام دالة كمعالج للأحداث ، 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")}}
- -এইচটিএমএল ডকুমেন্টের {। শব্দকোষ ("প্রধান", "মাথা")} এমন অংশ যা পৃষ্ঠাটি লোড হওয়ার পরে ওয়েব ব্রাউজারে প্রদর্শিত হয় না। এটিতে {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")}} উপাদানটির সাথে বিভ্রান্ত হতে পারে - এটি কখনও কখনও পৃষ্ঠা শিরোনাম হিসাবেও উল্লেখ করা হয়। তবে এগুলি আলাদা জিনিস!
- -এটি এখন সম্পূর্ণ স্পষ্ট হওয়া উচিত যেখানে <h1>
সামগ্রীটি প্রদর্শিত হবে এবং যেখানে <title>
সামগ্রী প্রদর্শিত হবে!
<title>
উপাদান বিষয়বস্তু অন্যান্য উপায়ে ব্যবহার করা হয়। উদাহরণস্বরূপ, আপনি যদি পৃষ্ঠাটি বুকমার্ক করার চেষ্টা করেন ( বুকমার্কস> এই পৃষ্ঠাটি বুকমার্ক করুন বা ফায়ারফক্সের URL বারে তারকা আইকন), আপনি <title>
প্রস্তাবিত বুকমার্কের নাম হিসাবে ভরাট সামগ্রী দেখতে পাবেন ।
<title>
বিষয়বস্তু এছাড়াও, অনুসন্ধান ফলাফল ব্যবহার করা হয় যেমন আপনি নীচের দেখতে পাবেন।
মেটাডেটা এমন ডেটা যা ডেটা বর্ণনা করে এবং এইচটিএমএল একটি নথিতে মেটাডেটা যুক্ত করার একটি "অফিসিয়াল" উপায় রয়েছে - {{htmlelement ("meta")}। উপাদান। অবশ্যই, আমরা এই নিবন্ধটিতে অন্যান্য জিনিসগুলির কথা বলছি তাও মেটাডেটা হিসাবে বিবেচনা করা যেতে পারে। বিভিন্ন ধরণের <meta>
উপাদান রয়েছে যা আপনার পৃষ্ঠার <হেড> এ অন্তর্ভুক্ত করা যেতে পারে তবে আমরা এ পর্যায়ে সেগুলি ব্যাখ্যা করার চেষ্টা করব না, কারণ এটি কেবল খুব বিভ্রান্ত হবে। পরিবর্তে, আমরা আপনাকে কিছু ধারণা দেবো যা আপনি সাধারণত দেখতে পারেন, কেবল আপনাকে ধারণা দেওয়ার জন্য।
আমরা উপরের উদাহরণে দেখেছি, এই লাইনটি অন্তর্ভুক্ত ছিল:
- -<meta charset="utf-8">- -
এই উপাদানটি কেবল নথির অক্ষর এনকোডিং নির্দিষ্ট করে - নথিটি ব্যবহারের জন্য অনুমোদিত এমন অক্ষর সেট। utf-8
একটি সর্বজনীন চরিত্র সেট যা কোনও মানব ভাষা থেকে যে কোনও চরিত্রকে অন্তর্ভুক্ত করে। এর অর্থ হ'ল আপনার ওয়েব পৃষ্ঠাটি যে কোনও ভাষা প্রদর্শিত হ্যান্ডেল করতে সক্ষম হবে; সুতরাং আপনার তৈরি প্রতিটি ওয়েব পৃষ্ঠায় এটি সেট করা ভাল ধারণা! উদাহরণস্বরূপ, আপনার পৃষ্ঠাটি ইংলিশ এবং জাপানিদের ঠিক জরিমানা করতে পারে:
আপনি যদি নিজের চরিত্রের এনকোডিং সেট করেন ISO-8859-1
, উদাহরণস্বরূপ (লাতিন বর্ণমালার জন্য বর্ণচিহ্ন সেট করা), আপনার পৃষ্ঠার রেন্ডারিং সমস্ত গোলমেলে প্রদর্শিত হতে পারে:
দ্রষ্টব্য : কিছু ব্রাউজার (যেমন ক্রোম) স্বয়ংক্রিয়ভাবে ভুল এনকোডিংগুলি ঠিক করে দেয়, তাই আপনি কোন ব্রাউজারটি ব্যবহার করেন তার উপর নির্ভর করে আপনি যেভাবেই এই সমস্যাটি দেখতে পাবেন না। utf-8
অন্য ব্রাউজারগুলিতে কোনও সম্ভাব্য সমস্যা এড়াতে আপনার পাতায় এখনও কোনও এনকোডিং সেট করা উচিত ।
এটি চেষ্টা করার জন্য, পূর্ববর্তী বিভাগে <title>
( শিরোনাম-উদাহরণ html পৃষ্ঠা ) আপনি প্রাপ্ত সাধারণ এইচটিএমএল টেমপ্লেটটি আবার ঘুরে দেখুন , মেটা চরসেট মানটিতে পরিবর্তন করার চেষ্টা ISO-8859-1
করুন এবং আপনার পৃষ্ঠায় জাপানিদের যুক্ত করুন। এটি আমরা ব্যবহার করা কোড:
<p> জাপানি উদাহরণ: ভাত গরম। ? </ P>- -
অনেক <meta>
উপাদান অন্তর্ভুক্ত name
এবং content
বৈশিষ্ট্য:
name
এটি হ'ল মেটা এলিমেন্টের ধরণ নির্দিষ্ট করে; এটিতে কী ধরণের তথ্য রয়েছে।content
প্রকৃত মেটা সামগ্রী নির্দিষ্ট করে।আপনার পৃষ্ঠায় অন্তর্ভুক্ত করতে দরকারী এমন দুটি মেটা উপাদান পৃষ্ঠার লেখককে সংজ্ঞায়িত করে এবং পৃষ্ঠার একটি সংক্ষিপ্ত বিবরণ সরবরাহ করে। আসুন একটি উদাহরণ তাকান:
- -<মেটা নাম = "লেখক" সামগ্রী = "ক্রিস মিলস"> -<মেটা নাম = "বিবরণ" সামগ্রী = "এমডিএন ওয়েব ডক্স লার্নিং এরিয়া সরবরাহ করার লক্ষ্য -ওয়েবে তাদের জানতে প্রয়োজনীয় সমস্ত কিছুর সাথে ওয়েবে শুরু করুন -ওয়েব সাইট এবং অ্যাপ্লিকেশন বিকাশ করে শুরু হয়েছে "">- -
কোনও লেখককে নির্দিষ্ট করে দেওয়া বিভিন্ন উপকারে: এই পৃষ্ঠাটি কে লিখেছেন তা বুঝতে সক্ষম হওয়া কার্যকর, যদি বিষয়বস্তু সম্পর্কে আপনার কোনও প্রশ্ন থাকে এবং আপনি তাদের সাথে যোগাযোগ করতে চান। কিছু কন্টেন্ট ম্যানেজমেন্ট সিস্টেমে পৃষ্ঠা লেখকের তথ্য স্বয়ংক্রিয়ভাবে আহরণের এবং এ জাতীয় উদ্দেশ্যে এটি উপলব্ধ করার সুবিধা রয়েছে facilities
- -আপনার পৃষ্ঠার সামগ্রীর সাথে সম্পর্কিত কীওয়ার্ড সহ একটি বিবরণ উল্লেখ করা দরকারী কারণ এটি আপনার পৃষ্ঠায় অনুসন্ধান ইঞ্জিনগুলিতে সম্পাদিত প্রাসঙ্গিক অনুসন্ধানগুলিতে উচ্চতর প্রদর্শিত হওয়ার সম্ভাবনা রয়েছে (এই জাতীয় ক্রিয়াকলাপটিকে অনুসন্ধান ইঞ্জিন অপ্টিমাইজেশন বা "এসইও" বলা হয়) )}}।)
- -বর্ণনাটি অনুসন্ধান ইঞ্জিনের ফলাফল পৃষ্ঠাগুলিতেও ব্যবহৃত হয়। এটি এক্সপ্লোর করার জন্য অনুশীলনের মধ্য দিয়ে যাওয়া যাক
- -<মেটা নাম = "বিবরণ" সামগ্রী = "এমডিএন ওয়েব ডক্স সাইট - ওপেন ওয়েব প্রযুক্তি সম্পর্কিত তথ্য সরবরাহ করে - এইচটিএমএল, সিএসএস এবং উভয় ওয়েব সাইট এবং এর জন্য এপিআই সহ - প্রগতিশীল ওয়েব অ্যাপ্লিকেশন "">-
<meta>
এবং <title>
উপাদান সামগ্রীটি লক্ষ্য করবেন - অবশ্যই তা মূল্যবান!
-
- দ্রষ্টব্য : গুগলে আপনি মূল হোমপেজ লিঙ্কের নীচে তালিকাভুক্ত 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 পিক্সেল বর্গ আইকন। আপনি প্রতিটি ব্রাউজার পাতায় থাকা ব্রাউজার ট্যাবে এবং বুকমার্ক প্যানেলে বুকমার্কযুক্ত পৃষ্ঠাগুলির পাশে ফ্যাভিকনগুলি (ব্রাউজারের উপর নির্ভর করে) দেখতে পাবেন।
- -আপনার পৃষ্ঠায় একটি ফেভিকন যুক্ত করা যেতে পারে:
- -.ico
বিন্যাস (অধিকাংশ ব্রাউজারের মতো আরো সাধারণ বিন্যাসে ফ্যাবিকনগুলি সমর্থন করবে .gif
বা .png
, কিন্তু ICO ফরম্যাটে ব্যবহার করে এটি পর্যন্ত ফিরে ইন্টারনেট এক্সপ্লোরার 6. যেমন হিসাবে কাজ করে তা নিশ্চিত হবে)<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">-
এখানে একটি বুকমার্ক প্যানেলে ফ্যাভিকনের উদাহরণ রয়েছে:
- - - -এই দিনগুলিতেও বিবেচনার জন্য প্রচুর অন্যান্য আইকন ধরণের রয়েছে। উদাহরণস্বরূপ, আপনি এটি 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>
উপাদানটির ভিতরে রাখার পছন্দ করতে পারেন ।
যদি সঠিকভাবে সম্পন্ন করা হয়, আপনি যখন আপনার এইচটিএমএল সংরক্ষণ করেন এবং আপনার ব্রাউজারটি রিফ্রেশ করেন তখন আপনাকে দেখতে পারা উচিত যে জিনিসগুলি পরিবর্তিত হয়েছে:
- - - -দ্রষ্টব্য : আপনি যদি এই অনুশীলনে আটকে যান এবং সিএসএস / জেএস প্রয়োগ করতে না পারেন তবে আমাদের সিএসএস এবং জেএসএইচটিএমএল উদাহরণ পৃষ্ঠাটি পরীক্ষা করে দেখুন।
-শেষ অবধি, এটি উল্লেখ করার মতো যে আপনি নিজের পৃষ্ঠার ভাষা সেট করতে (এবং সত্যই হওয়া উচিত)। খোলার এইচটিএমএল ট্যাগে ল্যাং বৈশিষ্ট্য যুক্ত করে এটি করা যেতে পারে ( মেটা-উদাহরণ 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")}}
- -HTML <ورودی>
عنصر استفاده می شود برای ایجاد کنترل های تعاملی برای اشکال مبتنی بر وب به منظور شرایط داده ها از کاربر. معناشناسی <ورودی>
بسته به ارزش آن نوع
ویژگی.
پنهان
ارزش، عنصر labellable، محتوای قابل لمس.این عنصر شامل ویژگی های کلی .
- -دکمه
: یک دکمه را فشار با هیچ رفتار پیش فرض.چک باکس
: جعبه چک. شما باید با استفاده از ارزش ویژگی برای تعریف ارزش ارائه شده توسط این آیتم استفاده کنید. استفاده از چک ویژگی برای نشان که آیا این آیتم انتخاب شده است. شما همچنین می توانید استفاده از نامشخص ویژگی به نشان می دهد که چک باکس است در حالت نامشخص (در اکثر سیستم عامل، این تساوی یک خط افقی در سراسر چک باکس).رنگ
: {{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")}} کنترل برای ورود به عضویت متشکل از تعداد هفته سال و تعداد هفته با هیچ منطقه زمان.فایل
، این ویژگی را نشان می دهد نوع فایل که سرور می پذیرد. در غیر این صورت آن را نادیده گرفته است. مقدار باید یک لیست با کاما از هم جدا از منحصر به فرد specifiers نوع محتوا:
- صوتی / *
نمایندگی فایل های صوتی {{HTMLVersionInline ("5")}}ویدئو / *
نمایندگی فایل های ویدئویی {{HTMLVersionInline ("5")}}تصویر / *
فایل های نمایندگی تصویر {{HTMLVersionInline ("5")}}به
، انجام
، بعدی
، جستجو
، و ارسال
. این به طور خودکار دریافت به رشته مناسب نقشه برداری (و حروف حساس).هیچ
: کاملا غیر فعال سرمایه اتوماتیکجملات
: به صورت خودکار اولین حرف از جملات.کلمات
: به صورت خودکار اولین حرف از کلمه است.شخصیت
: به صورت خودکار تمام شخصیت های سرمایه گذاری.در
: {{deprecated_inline ()}} توصیه از سیستم عامل iOS 5.خاموش
: {{deprecated_inline ()}} توصیه از سیستم عامل iOS 5.پنهان، رمز عبور،
چک باکس
، رادیو
، فایل
، یا یک نوع دکمه ( دکمه
، ارائه
، تنظیم مجدد
، تصویر
). مقادیر ممکن عبارتند از:
- خاموش
: کاربر باید به صراحت ارزش به این زمینه برای هر استفاده را وارد کنید، و یا سند روش تکمیل خودکار خود را فراهم می کند. مرورگر به صورت خودکار تکمیل ورود نیست.در
: مرورگر به طور خودکار می تواند ارزش بر اساس ارزش است که کاربر در طول استفاده قبلی وارد تکمیل.اگر تکمیل خودکار صفت در یک عنصر ورودی مشخص نشده است، پس از آن مرورگر با استفاده از تکمیل خودکار مقدار ویژگی از <ورودی>
صاحب فرم عنصر. صاحب فرم یا است فرم
عنصر که این <ورودی>
عنصر از نوادگان یا عنصر فرم که است ID توسط مشخص فرم صفت عناصر ورودی. برای کسب اطلاعات بیشتر، نگاه کنید به {{htmlattrxref ("تکمیل خودکار"، "فرم")}} ویژگی در {{روی HTMLElement ("فرم")}}.
تکمیل خودکار ویژگی نیز تعیین می فایرفاکس خواهد شد، بر خلاف سایر مرورگرها، اصرار دولت غیر فعال پویا و (در صورت وجود) checkedness پویا از {{روی HTMLElement ("ورودی")}} در سراسر بارهای صفحه. ویژگی تداوم به طور پیش فرض فعال است. تنظیم مقدار از تکمیل خودکار ویژگی به فعال
غیر فعال کردن این ویژگی. این کار حتی زمانی که تکمیل خودکار ویژگی به طور معمول به {{روی HTMLElement ("ورودی")}} به موجب آن صدق نمی کند نوع . مشاهده {{اشکال (654072)}}.
در
: فعال کردن autocorrectionخاموش
: autocorrection غیر فعال کردنپنهان
(که شده است، شما نمی توانید به طور خودکار تمرکز به کنترل پنهان است).جستجو
، ارزش عبارت جستجوی قبلی در کرکره در سراسر بار صفحه ادامه خواهد داشت.هنگامی که ارزش نوع ویژگی است رادیو
یا چک باکس
، حضور این ویژگی بولی نشان می دهد که کنترل به طور پیش فرض انتخاب شده. در غیر این صورت آن را نادیده گرفته است.
فایرفاکس خواهد شد، بر خلاف سایر مرورگرها، به طور پیش فرض، اصرار پویا بررسی دولت از {{روی HTMLElement ("ورودی")}} در سراسر بارهای صفحه. با استفاده از {{htmlattrxref ("تکمیل خودکار"، "ورودی")}} ویژگی برای کنترل این ویژگی.
-این ویژگی بولی نشان می دهد که کنترل فرم در دسترس است برای تعامل نیست. به طور خاص، کلیک
رویداد خواهد شد اعزام نمی در کنترل غیر فعال است. همچنین، ارزش یک کنترل غیر فعال است با فرم ارسال نشده است.
فایرفاکس خواهد شد، بر خلاف سایر مرورگرها، به طور پیش فرض، اصرار دولت معلول پویا از {{روی HTMLElement ("ورودی")}} در سراسر بارهای صفحه. با استفاده از {{htmlattrxref ("تکمیل خودکار"، "ورودی")}} ویژگی برای کنترل این ویژگی.
-<ورودی>
عنصر باید از نسل {{روی HTMLElement ("فرم")}} عنصر باشد. این ویژگی شما را قادر به قرار دادن <ورودی>
عناصر در هر نقطه در یک سند، نه فقط به عنوان فرزندان عناصر فرم خود را. ورودی تنها می توان با یک فرم در ارتباط است.نرم افزار / X-WWW-فرم-urlencoded
: مقدار پیش فرض اگر ویژگی مشخص نشده است.چند / فرم داده
: با استفاده از این ارزش اگر شما با استفاده از {{روی HTMLElement ("ورودی")}} عنصر با {{htmlattrxref ("نوع"، "ورودی")}} مجموعه نسبت به فایل
.متن / ساده
اگر این ویژگی مشخص است، آن را لغو می {{htmlattrxref ("Enctype فرم"، "فرم")}} ویژگی از صاحب فرم عنصر است.
-ارسال
: داده ها از فرم در بدن از فرم شامل است و به سرور ارسال می شود.دریافت
ها: داده ها از فرم به اضافه فرم نسبت URI، با "؟" به عنوان یک جدا، و URI نتیجه به سرور ارسال می شود. با استفاده از این روش هنگامی که فرم هیچ عوارض جانبی و تنها حاوی کاراکترهای اسکی.اگر مشخص شده، این ویژگی را لغو می {{htmlattrxref ("روش"، "فرم")}} ویژگی از صاحب فرم عنصر است.
-خود
: بار پاسخ به زمینه مرور همان یک جریان. این مقدار به طور پیش فرض است اگر ویژگی مشخص نشده است._blank
: بار پاسخ به یک محیط جدید مرور که نامش ذکر نشده._parent
: بار پاسخ به زمینه مرور پدر و مادر از یک جریان. اگر هیچ پدر و مادر وجود دارد، این گزینه رفتار به همان شیوه به عنوان _self
._top
: بار پاسخ به زمینه مرور در سطح بالا (که شده است، زمینه مرور است که از اجداد یک جریان، و هیچ پدر و مادر). اگر هیچ پدر و مادر وجود دارد، این گزینه رفتار به همان شیوه به عنوان _self
.تصویر
، این ویژگی ارتفاع تصویر نمایش داده شده برای دکمه تعریف می کند.جستجو
. اگر ویژگی حال حاضر، صرف نظر از آنچه ارزش خود را است، {{روی HTMLElement ("ورودی")}} آتش سوزی جستجو
وقایع را به عنوان کاربر ویرایش ارزش متن. این رویداد تنها پس از ایست-اجرای تعریف کرده است از ضربه زدن به کلید جدید ترین سپری اخراج. کلید جدید تنظیم مجدد ایست. به عبارت دیگر، شلیک رویداد debounced است. اگر ویژگی وجود ندارد، جستجو
رویداد تنها اخراج وقتی که کاربر به صراحت با دادن یک (مثلا با کلید Enter در حالی که در زمینه فشار دادن).کلمه به کلمه
: عدد و الفبایی، محتوای غیر نثر مانند نام کاربری و کلمه عبور.لاتین
: ورودی لاتین اسکریپت در زبان مورد نظر کاربر با ایدز تایپ مانند پیش بینی متن را فعال کنید. برای ارتباط انسان-به-کامپیوتر مانند جعبه جستجو.لاتین نام
: عنوان لاتین ، اما برای نام انسان است.لاتین نثر
: به عنوان لاتین ، اما با ایدز تایپ تهاجمی تر. برای انسان به انسان ارتباطی مانند پیام های فوری برای ایمیل.تمام عرض لاتین
: عنوان لاتین نثر ، اما برای زبان دوم کاربر.کانا
: کانا یا ورودی romaji، به طور معمول ورودی هیراگانا، با استفاده از شخصیت های تمام عرض، با پشتیبانی از تبدیل به کانجی. در نظر گرفته شده برای ورودی متن ژاپنی.کاتاکانا
: ورودی کاتاکانا، با استفاده از شخصیت های تمام عرض، با پشتیبانی از تبدیل به کانجی. در نظر گرفته شده برای ورودی متن ژاپنی.عددی
: ورودی عددی، از جمله کلید برای رقم 0 تا 9، ترجیح شخصیت هزاران جدا کاربر، و شخصیت برای نشان اعداد منفی. در نظر گرفته شده برای کدهای عددی، به عنوان مثال شماره کارت اعتباری. برای اعداد واقعی، ترجیح می دهند با استفاده از <نوع ورودی = "تعداد">تلفن
: ورودی تلفن، از جمله ستاره و کلید پوند. استفاده از <ورودی نوع = "تلفن"> در صورت امکان به جای.ایمیل
: ورودی ایمیل. استفاده از <ورودی نوع = "ایمیل"> در صورت امکان به جای.آدرس
: URL ورودی. استفاده از <ورودی نوع = "URL"> در صورت امکان به جای.پنهان
، چک باکس
، رادیو
، فایل
، یا یک نوع فشار دهید.متن
، ایمیل
، جستجو
، رمز عبور
، تلفن
، و یا URL
، این ویژگی به حداکثر تعداد کاراکتر (در نقاط کد یونیکد) که کاربر می تواند وارد مشخص. برای دیگر انواع کنترل، آن را نادیده گرفته است. این می تواند ارزش بیش از اندازه ویژگی. اگر آن مشخص نشده است، کاربر می تواند تعداد نامحدودی از حرف وارد نمایید. مشخص نتایج تعداد منفی در رفتار پیش فرض. که شده است، کاربر می تواند تعداد نامحدودی از حرف وارد نمایید. محدودیت ارزیابی شده است تنها زمانی که ارزش صفت تغییر کرده است.متن
، ایمیل
، جستجو
، رمز عبور
، تلفن
، و یا URL
، این ویژگی حداقل تعداد کاراکتر (در نقاط کد یونیکد) که کاربر می تواند وارد مشخص. برای دیگر انواع کنترل، آن را نادیده گرفته است.ایمیل
و یا فایل
. در غیر این صورت آن را نادیده گرفته است.متن
، جستجو
، تلفن
، آدرس
و یا ایمیل
. در غیر این صورت آن را نادیده گرفته است. زبان عبارت منظم همان را جاوا اسکریپت است. الگوی توسط اسلش رو به جلو احاطه نیست.متن
، جستجو
، تلفن
، آدرس
و یا ایمیل
. در غیر این صورت آن را نادیده گرفته است.
- حفره یا سوراخ
نسبت به جای {{روی HTMLElement ("برچسب")}} عنصر. اهداف خود متفاوت است: {{روی HTMLElement ("برچسب")}} ویژگی را توصیف نقش عنصر فرم. که است، آن را نشان می دهد که چه نوع از اطلاعات است انتظار می رود، حفره یا سوراخ
ویژگی یک اشاره در مورد فرمت محتوای باید باشد. موارد که در آن وجود دارد حفره یا سوراخ
صفت هرگز به کاربر نمایش داده، به طوری که فرم باید بدون آن قابل فهم باشد.{{HTMLVersionInline ("5")}} این صفت اگر مقدار از نادیده گرفته نوع صفت پنهان
، محدوده
، رنگ
، چک باکس
، رادیو
، فایل
، یا یک نوع فشار دهید.
پنهان
، تصویر
، و یا یک نوع دکمه ( ارسال
، تنظیم مجدد
، و یا دکمه
). {{cssxref (": اختیاری")}} و {{cssxref (": نیاز")}} CSS شبه کلاس خواهد شد به میدان به عنوان مناسب استفاده شود.متن
یا رمز عبور
، که در این صورت، آن را یک عدد صحیح از شخصیت است. شروع در HTML5، این ویژگی فقط زمانی که نوع صفت به راه متن
، جستجو
، تلفن
، آدرس
، ایمیل
، و یا رمز عبور
. در غیر این صورت آن را نادیده گرفته است. علاوه بر این، اندازه باید بزرگتر از صفر باشد. اگر شما یک اندازه مشخص نیست، یک مقدار به طور پیش فرض از 20 استفاده شده است.درست
نشان می دهد که عنصر نیاز به املا و دستور زبان آن بررسی می شود. ارزش به طور پیش فرض
نشان می دهد که عنصر است با توجه به رفتار پیش فرض، احتمالا در عنصر پدر و مادر خود را بر اساس به عمل چک کردن غلط املایی
ارزش. ارزش نادرست
نشان می دهد که عنصر باید بررسی شود.تصویر
، این ویژگی URI برای محل از یک تصویر به روی گرافیکی نمایش دکمه ارسال را مشخص. در غیر این صورت آن را نادیده گرفته است.هر
و یا تعداد ممیز شناور مثبت است. اگر این ویژگی است به تنظیم نشده هر
، کنترل تنها ارزش می پذیرد در تقسیم عددی بر مضرب ارزش گام بیشتر از حداقل.رادیو
یا چک باکس
. تصویر
، این ویژگی عرض تصویر نمایش داده شده برای دکمه تعریف می کند.توجه داشته باشید: شروع در {{مارمولک خانگی ("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> -- -
شما می توانید {{htmlattrxref ("mozactionhint"، "ورودی")}} نسبت به تعیین متن برای برچسب کلید وارد کنید بر روی صفحه کلید مجازی هنگامی که فرم شما در فایرفاکس موبایل ارائه استفاده کنید. به عنوان مثال، به یک "بعدی" برچسب، شما می توانید این کار:
- -<نوع ورودی = "متن" mozactionhint = "بعدی" نام = "sometext" /> -- -
نتیجه این است:
- - - -مشخصات | -وضعیت | -توضیح | -
---|---|---|
{{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.0 | -1.0 | -
نوع | -1.0 | -{{CompatGeckoDesktop ("1.7 و یا قبل از آن")}} | -2 | -1.0 | -1.0 | -
نوع = دکمه | -1.0 | -{{CompatGeckoDesktop ("1.7 و یا قبل از آن")}} | -3 | -1.0 | -1.0 | -
نوع = چک باکس | -1.0 | -{{CompatGeckoDesktop ("1.7 و یا قبل از آن")}} - {{CompatGeckoDesktop ("1.9.2")}} برای رشد نامحدود ارزش |
- 2 | -1.0 | -1.0 | -
نوع = رنگ | -21.0 | -
- {{CompatGeckoDesktop ("29.0")}} (نه برای ویندوز لمسی نشده) - |
- {{CompatNo}} | -11.01 | -{{CompatNo}} | -
نوع = تاریخ | -5.0 | -{{CompatNo}} - {{unimplemented_inline ("825294")}} |
- {{CompatNo}} | -10.62 | -{{CompatVersionUnknown}} (به رسمیت شناخته شده اما هیچ UI) | -
نوع = تاریخ ساعت | -
- {{CompatNo}} |
- {{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")}} | -10 | -10.62 | -{{CompatUnknown}} | -
نوع = فایل | -1.0 | -{{CompatGeckoDesktop ("1.7 و یا قبل از آن")}} | -3.02 | -1.0 | -1.0 | -
نوع = پنهان | -1.0 | -{{CompatGeckoDesktop ("1.7 و یا قبل از آن")}} | -2 | -1.0 | -1.0 | -
نوع = تصویر | -1.0 | -مارمولک خانگی 2.0 تنها x و y می فرستد مختصات زمانی که کلیک، دیگر نمی به نام / مقدار این عنصر | -2 | -1.0 | -1.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 و یا قبل از آن")}} | -2 | -1.0 | -1.0 | -
نوع = رادیو | -1.0 | -{{CompatGeckoDesktop ("1.7 و یا قبل از آن")}} - {{CompatGeckoDesktop ("1.9.2")}} برای رشد نامحدود ارزش |
- 2 | -1.0 | -1.0 | -
نوع = دامنه | -5.0 | -{{CompatGeckoDesktop ("23.0")}} | -10 | -10.62 (11.01 اضافه شده پشتیبانی از مقدار پیش فرض) | -{{CompatVersionUnknown}} | -
نوع = تنظیم مجدد | -1.0 | -{{CompatGeckoDesktop ("1.7 و یا قبل از آن")}} | -2 | -1.0 | -1.0 | -
نوع = جستجو | -5.0 | -{{CompatGeckoDesktop ("2.0")}} | -10 | -11.01 | -{{CompatVersionUnknown}} | -
نوع = ارسال | -1.0 | -{{CompatGeckoDesktop ("1.7 و یا قبل از آن")}} | -2 | -1.0 | -1.0 | -
نوع = تلفن | -5.0 | -{{CompatGeckoDesktop ("2.0")}} | -10 | -11.01 | -{{CompatUnknown}} | -
نوع = متن | -1.0 | -{{CompatGeckoDesktop ("1.7 و یا قبل از آن")}} | -2 | -1.0 | -1.0 | -
نوع = زمان | -5.0 | -{{CompatNo}} - {{unimplemented_inline ("825294")}} |
- {{CompatNo}} | -10.62 | -{{CompatVersionUnknown}} (به رسمیت شناخته شده اما هیچ UI) | -
نوع = URL | -5.0 | -{{CompatGeckoDesktop ("2.0")}} | -10 | -10.62 | -{{CompatUnknown}} | -
نوع = هفته | -5.0 | -{{CompatNo}} - {{unimplemented_inline ("825294")}} |
- {{CompatNo}} | -10.62 | -{{CompatVersionUnknown}} (به رسمیت شناخته شده اما هیچ UI) | -
- شرایط = [فرمت فایل] - |
- {{CompatVersionUnknown}} | -{{CompatNo}} | -10 | -{{CompatUnknown}} | -{{CompatNo}} | -
- شرایط = [نوع MIME پرونده] - |
- هشت | -{{CompatGeckoDesktop ("16.0")}} | -10 | -10 | -{{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}} | -
ویژه accesskey | -1.0 | -{{CompatVersionUnknown}} | -6 | -1.0 | -{{CompatUnknown}} | -
mozactionhint | -{{CompatNo}} | -{{CompatGeckoDesktop ("2.0")}} | -{{CompatNo}} | -{{CompatNo}} | -{{CompatNo}} | -
تکمیل خودکار | -17.0 | -{{CompatGeckoDesktop ("2.0")}} | -5 | -9.6 | -5.2 | -
فوکوس خودکار | -5.0 | -{{CompatGeckoDesktop ("2.0")}} | -10 | -9.6 | -5.0 | -
بررسی | -1.0 | -{{CompatGeckoDesktop ("1.7 و یا قبل از آن")}} | -2 | -1.0 | -1.0 | -
غیر فعال | -1.0 | -{{CompatGeckoDesktop ("1.7 و یا قبل از آن")}} | -6 | -1.0 | -1.0 | -
فرم | -9.0 | -{{CompatGeckoDesktop ("2.0")}} | -{{CompatUnknown}} | -10.62 | -{{CompatUnknown}} | -
formaction | -9.0 | -{{CompatGeckoDesktop ("2.0")}} | -10 | -10.62 | -5.2 | -
formenctype | -9.0 | -{{CompatGeckoDesktop ("2.0")}} | -10 | -10.62 | -{{CompatUnknown}} | -
formmethod | -9.0 | -{{CompatGeckoDesktop ("2.0")}} | -10 | -10.62 | -5.2 | -
formnovalidate | -5.0 (در 6.0 تنها با DOCTYPE HTML5 کار، پشتیبانی اعتبار در 7.0 غیر فعال و دوباره فعال در 10.0 بود) | -{{CompatGeckoDesktop ("2.0")}} | -10 | -10.62 | -{{CompatUnknown}} | -
formtarget | -9.0 | -{{CompatGeckoDesktop ("2.0")}} | -10 | -10.62 | -5.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")}} | -10 | -9.6 | -{{CompatNo}} | -
حداکثر | -5.0 | -{{CompatGeckoDesktop ("16.0")}} | -{{CompatUnknown}} | -10.62 | -{{CompatUnknown}} | -
MAXLENGTH | -1.0 | -{{CompatGeckoDesktop ("1.7")}} | -2 | -1.0 | -1.0 | -
دقیقه | -5.0 | -{{CompatGeckoDesktop ("16.0")}} | -{{CompatUnknown}} | -10.62 | -{{CompatUnknown}} | -
minlength | -40.0 | -{{CompatUnknown}} | -{{CompatUnknown}} | -{{CompatUnknown}} | -{{CompatUnknown}} | -
چندین | -1.0 (پشتیبانی برای نوع = فایل و نوع = ایمیل از 5.0) | -{{CompatGeckoDesktop ("1.9.2")}} برای نوع = فایل - {{CompatVersionUnknown}} برای نوع = ایمیل |
- 10 | -1.0 (پشتیبانی 10.62 برای نوع = فایل و به عنوان از 11.01 نوع = ایمیل) | -{{CompatUnknown}} | -
نام | -1.0 | -{{CompatGeckoDesktop ("1.7 و یا قبل از آن")}} | -2 | -1.0 | -1.0 | -
الگو | -5.0 | -{{CompatGeckoDesktop ("2.0")}} | -10 | -9.6 | -{{CompatNo}} | -
حفره یا سوراخ | -10.0 | -{{CompatGeckoDesktop ("2.0")}} | -10 | -11.00 | -5.0 | -
فقط خواندنی | -1.0 | -{{CompatGeckoDesktop ("1.7 و یا قبل از آن")}} | -6 (از دست رفته برای نوع از چک باکس ، رادیو ) |
- 1.0 | -1.0 | -
ضروری | -5.0 (پشتیبانی از عنصر انتخاب به عنوان 10) | -{{CompatGeckoDesktop ("2.0")}} | -10 | -9.6 | -{{CompatNo}} | -
اندازه | -1.0 | -{{CompatGeckoDesktop ("1.7 و یا قبل از آن")}} | -2 | -1.0 | -1.0 | -
چک کردن غلط املایی | -10.0 | -{{CompatGeckoDesktop ("1.9.2")}} | -10 | -11.0 | -چهار | -
SRC | -1.0 | -{{CompatGeckoDesktop ("1.7 و یا قبل از آن")}} | -2 | -1.0 | -1.0 | -
گام | -6.0 | -{{CompatGeckoDesktop ("16.0")}} | -10 | -10.62 | -5.0 | -
tabindex | -1.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.62 | -5.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.62 | -3.1 | -
نوع = متن | -{{CompatVersionUnknown}} | -{{CompatVersionUnknown}} | -{{CompatVersionUnknown}} | -{{CompatVersionUnknown}} | -{{CompatVersionUnknown}} | -
نوع = زمان | -{{CompatNo}} | -{{CompatNo}} | -{{CompatNo}} | -10.62 | -{{CompatVersionUnknown}} | -
نوع = URL | -{{CompatUnknown}} | -{{CompatGeckoMobile ("2.0")}} | -{{CompatUnknown}} | -10.62 | -3.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.62 | -5.0 | -
formenctype | -{{CompatUnknown}} | -{{CompatUnknown}} | -{{CompatUnknown}} | -{{CompatUnknown}} | -{{CompatUnknown}} | -
formmethod | -{{CompatUnknown}} | -{{CompatGeckoMobile ("2.0")}} | -{{CompatUnknown}} | -10.62 | -5.0 | -
formnovalidate | -{{CompatUnknown}} | -{{CompatGeckoMobile ("2.0")}} | -{{CompatUnknown}} | -10.62 | -{{CompatUnknown}} | -
formtarget | -{{CompatUnknown}} | -{{CompatGeckoMobile ("2.0")}} | -{{CompatUnknown}} | -10.62 | -5.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.10 | -4 | -
فقط خواندنی | -{{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 است.
- -فایرفاکس با استفاده از فن آوری هوشمند زیر برای تعیین مکان به اعتبار ورودی کاربر (حداقل برای نوع = "تعداد"):
- -{{HTMLRef}}
-- cgit v1.2.3-54-g00ecf