[RU] Fix live samples (#2767)

5 files changed, 17 insertions, 13 deletions

diff --git a/files/ru/web/html/element/input/button/index.html b/files/ru/web/html/element/input/button/index.html
index e477bc0d1b..e77dc4cb51 100644
--- a/files/ru/web/html/element/input/button/index.html
+++ b/files/ru/web/html/element/input/button/index.html
@@ -125,7 +125,7 @@ function updateButton() {
 }</pre>
 </div>
 
-<p>{{EmbedLiveSample("Adding_keyboard_shortcuts_to_buttons", 650, 100)}}</p>
+<p>{{EmbedLiveSample("Добавление_сочетаний_клавиш_на_кнопки", 650, 100)}}</p>
 
 <div class="note">
 <p><strong>Note</strong>: The problem with the above example of course is that the user will not know what the access key is! In a real site, you'd have to provide this information in a way that doesn't intefere with the site design (for example by providing an easily accessible link that points to information on what the site accesskeys are).</p>
diff --git a/files/ru/web/html/element/input/color/index.html b/files/ru/web/html/element/input/color/index.html
index bd76a615fd..c759902cc8 100644
--- a/files/ru/web/html/element/input/color/index.html
+++ b/files/ru/web/html/element/input/color/index.html
@@ -67,7 +67,7 @@ translation_of: Web/HTML/Element/input/color
 
 <pre class="brush: html notranslate">&lt;input type="color" value="#ff0000"&gt;</pre>
 
-<p>{{EmbedLiveSample("Providing_a_default_color", 700, 30)}}</p>
+<p>{{EmbedLiveSample("Предоставление_цвета_по_умолчанию", 700, 30)}}</p>
 
 <p>Если вы не зададите значение, то по умолчанию будет <code>#000000</code>, то есть чёрный цвет. Значение должно быть в семизначной шестнадцатеричной системе счисления, то есть символ"#", за которым следуют две цифры, каждая из которых представляет красный, зелёный и синий цвета, например: #rrggbb. Если у вас есть цвета в любом другом формате (например, имена цветов CSS или цветовые функции CSS, такие как rgb () или rgba ()), вам придётся преобразовать их в шестнадцатеричные перед установкой значения.</p>
 
@@ -182,7 +182,7 @@ window.addEventListener("load", startup, false);
 
 <p>Финальный результат выглядит так:</p>
 
-<p>{{EmbedLiveSample("Example", 700, 200)}}</p>
+<p>{{EmbedLiveSample("Пример", 700, 200)}}</p>
 
 <h2 id="Спецификации">Спецификации</h2>
 
diff --git a/files/ru/web/html/element/input/password/index.html b/files/ru/web/html/element/input/password/index.html
index 8bfed00469..1845a12d53 100644
--- a/files/ru/web/html/element/input/password/index.html
+++ b/files/ru/web/html/element/input/password/index.html
@@ -71,7 +71,7 @@ translation_of: Web/HTML/Element/input/password
 <pre class="brush: html">&lt;label for="userPassword"&gt;Пароль:&lt;/label&gt;
 &lt;input id="userPassword" type="password"&gt;</pre>
 
-<p>{{EmbedLiveSample("A_simple_password_input", 600, 40)}}</p>
+<p>{{EmbedLiveSample("Простое_поле_ввода_пароля", 600, 40)}}</p>
 
 <h3 id="Поддержка_автозаполнения">Поддержка автозаполнения</h3>
 
@@ -102,7 +102,7 @@ translation_of: Web/HTML/Element/input/password
 <pre class="brush: html">&lt;label for="userPassword"&gt;Пароль:&lt;/label&gt;
 &lt;input id="userPassword" type="password" required&gt;</pre>
 
-<p>{{EmbedLiveSample("Making_the_password_mandatory", 600, 40)}}</p>
+<p>{{EmbedLiveSample("Обязательное_заполнение_пароля", 600, 40)}}</p>
 
 <h3 id="Указание_режима_ввода">Указание режима ввода</h3>
 
@@ -111,7 +111,7 @@ translation_of: Web/HTML/Element/input/password
 <pre class="brush: html">&lt;label for="pin"&gt;ПИН:&lt;/label&gt;
 &lt;input id="pin" type="password" inputmode="numeric"&gt;</pre>
 
-<p>{{EmbedLiveSample("Specifying_an_input_mode", 600, 40)}}</p>
+<p>{{EmbedLiveSample("Указание_режима_ввода", 600, 40)}}</p>
 
 <h3 id="Настройка_длины_пароля">Настройка длины пароля</h3>
 
@@ -121,7 +121,7 @@ translation_of: Web/HTML/Element/input/password
 &lt;input id="pin" type="password" inputmode="numeric" minlength="4"
        maxlength="8" size="8"&gt;</pre>
 
-<p>{{EmbedLiveSample("Setting_length_requirements", 600, 40)}}</p>
+<p>{{EmbedLiveSample("Настройка_длины_пароля", 600, 40)}}</p>
 
 <h3 id="Выделение_текста">Выделение текста</h3>
 
@@ -142,7 +142,7 @@ translation_of: Web/HTML/Element/input/password
 
 <h4 id="Результат">Результат</h4>
 
-<p>{{EmbedLiveSample("Selecting_text", 600, 40)}}</p>
+<p>{{EmbedLiveSample("Выделение_текста", 600, 40)}}</p>
 
 <p>Вы также можете использовать {{domxref("HTMLInputElement.selectionStart", "selectionStart")}} и {{domxref("HTMLInputElement.selectionEnd", "selectionEnd")}}, чтобы получить (или установить), какой диапазон символов в элементе управления, и {{domxref("HTMLInputElement.selectionDirection", "selectionDirection")}}, чтобы узнать, какой выбор направления произошёл (или будет расширен в зависимости от вашей платформы, см. его документацию для объяснения) , Однако, учитывая, что текст затенён, их полезность несколько ограничена.</p>
 
@@ -158,7 +158,7 @@ translation_of: Web/HTML/Element/input/password
        title="Enter an ID consisting of 4-8 hexadecimal digits"&gt;</pre>
 </div>
 
-<p>{{EmbedLiveSample("Validation_sample1", 600, 40)}}</p>
+<p>{{EmbedLiveSample("Валидация", 600, 40)}}</p>
 
 <dl>
  <dt>{{htmlattrdef("disabled")}}</dt>
@@ -198,7 +198,7 @@ ssn.oninput = function(event) {
 
 <h4 id="Результат_2">Результат</h4>
 
-<p>{{EmbedLiveSample("Requesting_a_Social_Security_number", 600, 60)}}</p>
+<p>{{EmbedLiveSample("Запрос_номера_социального_страхования", 600, 60)}}</p>
 
 <h2 id="Спецификация">Спецификация</h2>
 
diff --git a/files/ru/web/html/element/input/radio/index.html b/files/ru/web/html/element/input/radio/index.html
index 9138b39301..92ec2af0cd 100644
--- a/files/ru/web/html/element/input/radio/index.html
+++ b/files/ru/web/html/element/input/radio/index.html
@@ -151,7 +151,7 @@ form.addEventListener("submit", function(event) {
 
 <p>Опробуйте этот пример и убедитесь, что для группы радиокнопок  <code>"contact"</code>  будет только один результат.</p>
 
-<p>{{EmbedLiveSample("Data_representation_of_a_radio_group", 600, 130)}}</p>
+<p>{{EmbedLiveSample("Представление_данных_группы_радиокнопок", 600, 130)}}</p>
 
 <h2 id="Использование_радиокнопок">Использование радиокнопок</h2>
 
diff --git a/files/ru/web/html/element/input/range/index.html b/files/ru/web/html/element/input/range/index.html
index 8fc4558932..14f921c912 100644
--- a/files/ru/web/html/element/input/range/index.html
+++ b/files/ru/web/html/element/input/range/index.html
@@ -161,7 +161,7 @@ translation_of: Web/HTML/Element/input/range
 
 <pre class="brush: html notranslate">&lt;input type="range" min="-10" max="10"&gt;</pre>
 
-<p>{{EmbedLiveSample("Specifying_the_minimum_and_maximum", 600, 40)}}</p>
+<p>{{EmbedLiveSample("Указание_минимума_и_максимума", 600, 40)}}</p>
 
 <h3 id="Настройка_детализации_значения">Настройка детализации значения</h3>
 
@@ -293,9 +293,11 @@ translation_of: Web/HTML/Element/input/range
 
 <p>Рассмотрим контроллер диапазона:</p>
 
+<div id="Orientation_sample1">
 <pre class="notranslate">&lt;input type="range" id="volume" min="0" max="11" value="7" step="1"&gt;</pre>
 
 <p>{{EmbedLiveSample("Orientation_sample1", 200, 200, "https://mdn.mozillademos.org/files/14983/Orientation_sample1.png")}}</p>
+</div>
 
 <p>Это горизонтальный контроллер (по крайне мере на большинстве основных браузеров, другие могут отличаться).</p>
 
@@ -303,6 +305,7 @@ translation_of: Web/HTML/Element/input/range
 
 <p>Следуя спецификации, сделать его вертикальным также просто как добавить CSS, чтобы изменить размеры контроллера, чтобы его высота оказалась больше ширины:</p>
 
+<div id="Orientation_sample2">
 <h4 id="CSS">CSS</h4>
 
 <pre class="notranslate">#volume {
@@ -317,6 +320,7 @@ translation_of: Web/HTML/Element/input/range
 <h4 id="Результат">Результат</h4>
 
 <p>{{EmbedLiveSample("Orientation_sample2", 200, 200, "https://mdn.mozillademos.org/files/14985/Orientation_sample2.png")}}</p>
+</div>
 
 <p>К сожалению, большинство браузеров сейчас не поддерживают вертикальные контроллы напрямую.</p>
 
@@ -434,7 +438,7 @@ translation_of: Web/HTML/Element/input/range
   -webkit-appearance: slider-vertical;
 }</pre>
 
-<p>{{EmbedLiveSample("Putting_it_all_together", 200, 200)}}</p>
+<p>{{EmbedLiveSample("Все_вместе", 200, 200)}}</p>
 </div>
 
 <h2 id="Спецификации">Спецификации</h2>