Примеры ответов Нейро на вопросы из разных сфер

Что такое Нейро?

Главная / #Плейсхолдер

1

Наука и образование

2

Культура и искусство

3

Психология и отношения

4

5

6

Экономика и финансы

7

Путешествия

8

9

Красота и стиль

10

11

Технологии

12

Полезные советы

13

14

#Плейсхолдер

Задать свой вопрос

Вопрос для Нейро

13 декабря

#Стилизация #Подсказка #Плейсхолдер #Вебстраницы

Какие существуют методы стилизации подсказки-плейсхолдера на веб-страницах?

Нейро

На основе 5 источников

1

2

3

4

5

Некоторые методы стилизации подсказки-плейсхолдера на веб-страницах: Использование псевдоэлемента ::placeholder. С его помощью можно стилизовать текст-подсказку в полях ввода и . Для стилизации можно использовать, например…</a></h6></div></div></div></section></div><div class="lc-bordersshadow" style="border-radius:0px 23px 23px 23px"></div><div class="lc-bordersborder" style="border-radius:0px 23px 23px 23px"></div></div></div></div></div><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:8;grid-row-start:7;grid-column-end:3;grid-column-start:2;width:min-content;height:32px;justify-self:start;align-self:start;margin-left:0px;margin-top:4px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="chitat-dalee-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="chitat-dalee" class="lc-section lc-section_is-expanded lc-section_no-paddings lc-section_no-margins lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-button-component lc-button-component_in-grid2"><span style="--font-family-base:YS Text, Helvetica, Arial, sans-serif;--font-weight-base:400;--color-base:#000000;--background-color-base:#f2f2f2;--border-radius-base:100px 100px 100px 100px;--border-base:none;--shadow-base:none;--font-family-hover:YS Text, Helvetica, Arial, sans-serif;--font-weight-hover:400;--color-hover:rgba(37, 37, 37, 1);--background-color-hover:rgba(0, 0, 0, 0.1);--border-radius-hover:100px 100px 100px 100px;--border-hover:none;--shadow-hover:none;--font-family-active:YS Text, Helvetica, Arial, sans-serif;--font-weight-active:400;--color-active:rgba(37, 37, 37, 1);--background-color-active:rgba(0, 0, 0, 0.1);--border-radius-active:100px 100px 100px 100px;--border-active:none;--shadow-active:none;--sizes-width:120px;--sizes-height:50px;--sizes-padding-left:16px;--sizes-padding-right:16px;--sizes-font-size:12px;--sizes-letter-spacing:0px;--sizes-icon-height:20px;--sizes-icon-offset:5px"><a class="Link link lc-link lc-button2 lc-button2_size_min lc-button2_animation_off lc-button2_type_link undefined" href="/neurum/c/drugoe/q/kakie_suschestvuyut_metody_stilizacii_podskazkipleysholdera_74415118" data-clickable="true" data-log-node="0--100"><div class="lc-button2under"></div><span class="lc-button2text"><div class="lc-styled-text"><span class="lc-styled-texttext lc-styled-texttext_align_center">Читать далее</span></div></span></a></span></div></div></section></div></div></div></div></div></section></div></div><div class="lc-multi-background"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="vopros-i-otvet-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="vopros-i-otvet" class="lc-section lc-section_is-expanded lc-section_no-margins lpc-section "><div class="lc-offsets lc-grid2-offsets" style="padding:32px 0px 32px 0px"><div class="lc-grid2" style="row-gap:0px;column-gap:0px;grid-template-columns:calc((100% - 0px - (649px)) * 0.5) 649px calc((100% - 0px - (649px)) * 0.5);grid-template-rows:min-content min-content min-content min-content min-content min-content min-content"><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:5;grid-row-start:4;grid-column-end:2;grid-column-start:1;width:40px;height:min-content;justify-self:end;align-self:center;margin-right:8px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="logo-nejro-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="logo-nejro" class="lc-section lc-section_is-expanded lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-image-lpc lc-image-lpc_in-grid2 lc-image-lpc_height-auto lc-image-lpc_migrated"><div class="lc-image-lpc__component"><div class="lc-picture lc-picture_has-thumbnail lc-picture_migrated lc-image-lpcimage"><img alt="" aria-hidden="true" class="lc-picturefull-size-block lc-pictureimage" src="https://avatars.mds.yandex.net/get-lpc/10704932/e7fc6d46-fdd6-40c8-9a7b-4ce90dd74c93/orig" width="97" height="96" loading="lazy"/><img aria-hidden="true" class="lc-picturefull-size-block lc-picturethumbnail lc-picturethumbnail_pulsing_true" src="https://avatars.mds.yandex.net/get-lpc/10704932/e7fc6d46-fdd6-40c8-9a7b-4ce90dd74c93/lqip_q70" width="97" height="96"/></div></div></div></div></section></div></div></div><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:2;grid-row-start:1;grid-column-end:3;grid-column-start:2;width:min-content;height:min-content;justify-self:start;align-self:start;margin-left:0px;margin-top:0px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="vopros-dlya-nejro-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="vopros-dlya-nejro" class="lc-section lc-section_is-expanded lc-section_no-paddings lc-section_no-margins lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-text-block lc-text-block_size_s12 lc-text-block_bpsize_s12 lc-text-block_font_text lc-text-component" style="--font-weight:500;--color:#2a2a2a;--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:140%" aria-hidden="false"><div class="lc-styled-text"><div class="lc-styled-texttext lc-styled-texttext_align_left">Вопрос для Нейро</div></div></div></div></section></div></div></div><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:2;grid-row-start:1;grid-column-end:3;grid-column-start:2;width:min-content;height:min-content;justify-self:start;align-self:start;margin-left:116px;margin-top:0px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="data-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="data" class="lc-section lc-section_is-expanded lc-section_no-paddings lc-section_no-margins lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-text-block lc-text-block_size_s12 lc-text-block_bpsize_s12 lc-text-block_font_text lc-text-component" style="--font-weight:400;--color:rgba(0, 0, 0, 0.4);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:140%" aria-hidden="false"><div class="lc-styled-text"><div class="lc-styled-texttext lc-styled-texttext_align_left"><span class="date">28 января</span></div></div></div></div></section></div></div></div><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:3;grid-row-start:2;grid-column-end:3;grid-column-start:2;width:100%;height:min-content;justify-self:start;align-self:start;margin-left:0px;margin-top:0px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="tegi-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="tegi" class="lc-section lc-section_is-expanded lc-section_no-paddings lc-section_no-margins lpc-section "><div class="lc-offsets" style="padding:0px 0px 5px 0px"><div class="lc-text-block lc-text-block_size_s12 lc-text-block_bpsize_s12 lc-text-block_font_text lc-text-component" style="--font-weight:400;--color:rgba(0, 0, 0, 0.4);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:140%" aria-hidden="false"><div class="lc-styled-text"><div class="lc-styled-texttext lc-styled-texttext_align_left"><span class="tags"><a href="/neurum/t/Лейбл" class="tag">#Лейбл</a><a href="/neurum/t/Плейсхолдер" class="tag">#Плейсхолдер</a><a href="/neurum/t/Интерфейс" class="tag">#Интерфейс</a><a href="/neurum/t/Отличия" class="tag">#Отличия</a></span></div></div></div></div></section></div></div></div><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:4;grid-row-start:3;grid-column-end:3;grid-column-start:2;width:468px;height:min-content;justify-self:start;align-self:end;margin-left:0px;margin-bottom:8px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:0px 23px 23px 23px" id="vopros-backgrounds"><div style="background-color:rgba(242, 242, 242, 1)" class="lc-multi-backgroundbackground"></div></div><div class="lc-multi-backgroundsection-container"><div class="lc-bordersadvanced-borders-wrapper" style="border-radius:0px 23px 23px 23px"><div class="lc-borders__component-wrapper" style="border-radius:0px 23px 23px 23px"><section id="vopros" class="lc-section lc-section_is-expanded lc-section_no-paddings lc-section_no-margins lpc-section "><div class="lc-offsets" style="padding:12px 16px 12px 16px"><div class="lc-text-block lc-text-block_size_s16 lc-text-block_bpsize_s16 lc-text-block_font_text lc-text-component" style="--font-weight:500;--color:rgba(0, 0, 0, 1);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:140%" aria-hidden="false"><div class="lc-styled-text"><h6 class="lc-styled-texttext lc-styled-texttext_align_left"><a href="/neurum/c/tehnologii/q/v_chem_osnovnye_otlichiya_mezhdu_leyblom_i_42da0762" class="question-link">В чем основные отличия между лейблом и плейсхолдером в интерфейсах?</a></h6></div></div></div></section></div><div class="lc-bordersshadow" style="border-radius:0px 23px 23px 23px"></div><div class="lc-bordersborder" style="border-radius:0px 23px 23px 23px"></div></div></div></div></div><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:5;grid-row-start:4;grid-column-end:3;grid-column-start:2;width:min-content;height:min-content;justify-self:start;align-self:start;margin-left:0px;margin-top:3px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="nejro-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="nejro" class="lc-section lc-section_is-expanded lc-section_no-paddings lc-section_no-margins lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-text-block lc-text-block_size_s12 lc-text-block_bpsize_s12 lc-text-block_font_text lc-text-component" style="--font-weight:500;--color:#2a2a2a;--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:140%" aria-hidden="false"><div class="lc-styled-text"><div class="lc-styled-texttext lc-styled-texttext_align_left">Нейро</div></div></div></div></section></div></div></div><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:5;grid-row-start:4;grid-column-end:3;grid-column-start:2;width:min-content;height:min-content;justify-self:start;align-self:end;margin-left:0px;margin-bottom:4px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="na-osnove-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="na-osnove" class="lc-section lc-section_is-expanded lc-section_no-paddings lc-section_no-margins lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-text-block lc-text-block_size_s12 lc-text-block_bpsize_s12 lc-text-block_font_text lc-text-component" style="--font-weight:500;--color:rgba(0, 0, 0, 0.4);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:140%" aria-hidden="false"><div class="lc-styled-text"><div class="lc-styled-texttext lc-styled-texttext_align_left">На основе 5 источников</div></div></div></div></section></div></div></div><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:6;grid-row-start:5;grid-column-end:3;grid-column-start:2;width:100%;height:min-content;justify-self:start;align-self:start;margin-left:0px;margin-top:0px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="istochniki-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="istochniki" class="lc-section lc-section_is-expanded lc-section_no-paddings lpc-section "><div class="lc-offsets" style="padding:4px 0px 4px 0px"><div class="lc-tabs lc-tabs_type_horizontal lc-tabs_align_left lc-tabs_in-grid2 lc-tabs_with-paddings lc-tabs_custom-width" style="--lc-tab-custom-width:auto;--lc-tab-paddings:0px 0px 0px 0px"><div class="lc-tabscontainer-wrapper" style="background-color:#ffffff" role="tablist"><div class="lc-tabscontainer lc-tabs__container_theme_tabs"><div class="lc-tabsarrow lc-tabsarrow_direction_left"></div><div class="lc-tabsunderline-container"><div class="lc-tabsgradient" style="background:linear-gradient(to left, rgba(255, 255, 255, 0), #ffffff)"></div><div class="lc-tabsscroll-wrapper"><div class="lc-tabstab lc-tabs__tab_theme_text lc-tabs__tab_active lc-tabs__tab_size_m lc-tabs__tab_align_left" style="border-color:rgba(255, 204, 0, 1)" role="tab" tabindex="0" aria-selected="true"><div class="lc-text-block lc-text-block_size_s12 lc-text-block_bpsize_s12 lc-text-block_font_text lc-tabs__number" style="--font-weight:400;--color:rgba(0, 0, 0, 1);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:32px" aria-hidden="false">1</div><div class="lc-text-block lc-text-block_size_s12 lc-text-block_bpsize_s12 lc-text-block_font_text lc-tabstab-text" style="--font-weight:400;--color:rgba(0, 0, 0, 1);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:32px" aria-hidden="false"><div class="lc-styled-text"><div class="lc-styled-texttext lc-styled-text__text_align_left"><a href="https://ru.hexlet.io/blog/posts/pochemu-pleysholdery-vredny-i-kak-s-nimi-luchshe-rabotat" class="source" target="_blank"> <div class="sourcepath"> <div class="sourceicon-wrap"> <i class="sourceicon" style="background-image: url(https://favicon.yandex.net/favicon/v2/https://ru.hexlet.io/blog/posts/pochemu-pleysholdery-vredny-i-kak-s-nimi-luchshe-rabotat?size=32&stub=1);"></i> </div> <div class="sourcehost">ru.hexlet.io</div> </div> </a></div></div></div></div><div class="lc-tabstab lc-tabstab_theme_text lc-tabs__tab_size_m lc-tabs__tab_align_left" role="tab" tabindex="0" aria-selected="false"><div class="lc-text-block lc-text-block_size_s12 lc-text-block_bpsize_s12 lc-text-block_font_text lc-tabs__number" style="--font-weight:400;--color:rgba(0, 0, 0, 1);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:32px" aria-hidden="false">2</div><div class="lc-text-block lc-text-block_size_s12 lc-text-block_bpsize_s12 lc-text-block_font_text lc-tabstab-text" style="--font-weight:400;--color:rgba(0, 0, 0, 1);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:32px" aria-hidden="false"><div class="lc-styled-text"><div class="lc-styled-texttext lc-styled-text__text_align_left"><a href="https://www.calltouch.ru/blog/plejsholdery-chto-eto-takoe-i-stoit-li-ispolzovat/" class="source" target="_blank"> <div class="sourcepath"> <div class="sourceicon-wrap"> <i class="sourceicon" style="background-image: url(https://favicon.yandex.net/favicon/v2/https://www.calltouch.ru/blog/plejsholdery-chto-eto-takoe-i-stoit-li-ispolzovat/?size=32&stub=1);"></i> </div> <div class="sourcehost">www.calltouch.ru</div> </div> </a></div></div></div></div><div class="lc-tabstab lc-tabstab_theme_text lc-tabs__tab_size_m lc-tabs__tab_align_left" role="tab" tabindex="0" aria-selected="false"><div class="lc-text-block lc-text-block_size_s12 lc-text-block_bpsize_s12 lc-text-block_font_text lc-tabs__number" style="--font-weight:400;--color:rgba(0, 0, 0, 1);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:32px" aria-hidden="false">3</div><div class="lc-text-block lc-text-block_size_s12 lc-text-block_bpsize_s12 lc-text-block_font_text lc-tabstab-text" style="--font-weight:400;--color:rgba(0, 0, 0, 1);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:32px" aria-hidden="false"><div class="lc-styled-text"><div class="lc-styled-texttext lc-styled-text__text_align_left"><a href="https://htmlacademy.ru/blog/html/form-design-placeholders" class="source" target="_blank"> <div class="sourcepath"> <div class="sourceicon-wrap"> <i class="sourceicon" style="background-image: url(https://favicon.yandex.net/favicon/v2/https://htmlacademy.ru/blog/html/form-design-placeholders?size=32&stub=1);"></i> </div> <div class="sourcehost">htmlacademy.ru</div> </div> </a></div></div></div></div><div class="lc-tabstab lc-tabstab_theme_text lc-tabs__tab_size_m lc-tabs__tab_align_left" role="tab" tabindex="0" aria-selected="false"><div class="lc-text-block lc-text-block_size_s12 lc-text-block_bpsize_s12 lc-text-block_font_text lc-tabs__number" style="--font-weight:400;--color:rgba(0, 0, 0, 1);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:32px" aria-hidden="false">4</div><div class="lc-text-block lc-text-block_size_s12 lc-text-block_bpsize_s12 lc-text-block_font_text lc-tabstab-text" style="--font-weight:400;--color:rgba(0, 0, 0, 1);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:32px" aria-hidden="false"><div class="lc-styled-text"><div class="lc-styled-texttext lc-styled-text__text_align_left"><a href="https://romi.center/ru/learning/article/placeholder-how-to-use-it-and-who-will-benefit-from-it/" class="source" target="_blank"> <div class="sourcepath"> <div class="sourceicon-wrap"> <i class="sourceicon" style="background-image: url(https://favicon.yandex.net/favicon/v2/https://romi.center/ru/learning/article/placeholder-how-to-use-it-and-who-will-benefit-from-it/?size=32&stub=1);"></i> </div> <div class="sourcehost">romi.center</div> </div> </a></div></div></div></div><div class="lc-tabstab lc-tabstab_theme_text lc-tabs__tab_size_m lc-tabs__tab_align_left" role="tab" tabindex="0" aria-selected="false"><div class="lc-text-block lc-text-block_size_s12 lc-text-block_bpsize_s12 lc-text-block_font_text lc-tabs__number" style="--font-weight:400;--color:rgba(0, 0, 0, 1);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:32px" aria-hidden="false">5</div><div class="lc-text-block lc-text-block_size_s12 lc-text-block_bpsize_s12 lc-text-block_font_text lc-tabstab-text" style="--font-weight:400;--color:rgba(0, 0, 0, 1);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:32px" aria-hidden="false"><div class="lc-styled-text"><div class="lc-styled-texttext lc-styled-text__text_align_left"><a href="https://sales-generator.ru/blog/pleyskholdery/" class="source" target="_blank"> <div class="sourcepath"> <div class="sourceicon-wrap"> <i class="sourceicon" style="background-image: url(https://favicon.yandex.net/favicon/v2/https://sales-generator.ru/blog/pleyskholdery/?size=32&stub=1);"></i> </div> <div class="sourcehost">sales-generator.ru</div> </div> </a></div></div></div></div></div><div class="lc-tabsgradient" style="background:linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff)"></div></div><div class="lc-tabsarrow lc-tabs__arrow_direction_right"></div></div></div><div class="lc-tabscontent-wrapper"><div class="lc-tabscontent lc-tabs__content_visible" data-index="0"><div class="visibility-actions visibility-actions_visible"><div class="lc-multi-background"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="gruppa-dlya-vkladki-1-1-4-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="gruppa-dlya-vkladki-1-1-4" class="lc-section lc-section_is-expanded lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-group"><div class="lc-groupcontent lc-groupcontent_justify_start lpc-section"></div></div></div></section></div></div></div></div><div class="lc-tabs__content" data-index="1"><div class="visibility-actions visibility-actions_visible"><div class="lc-multi-background"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="gruppa-dlya-vkladki-1-1-1-4-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="gruppa-dlya-vkladki-1-1-1-4" class="lc-section lc-section_is-expanded lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-group"><div class="lc-groupcontent lc-groupcontent_justify_start lpc-section"></div></div></div></section></div></div></div></div><div class="lc-tabs__content" data-index="2"><div class="visibility-actions visibility-actions_visible"><div class="lc-multi-background"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="gruppa-dlya-vkladki-1-1-1-1-6-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="gruppa-dlya-vkladki-1-1-1-1-6" class="lc-section lc-section_is-expanded lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-group"><div class="lc-groupcontent lc-groupcontent_justify_start lpc-section"></div></div></div></section></div></div></div></div><div class="lc-tabs__content" data-index="3"><div class="visibility-actions visibility-actions_visible"><div class="lc-multi-background"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="gruppa-dlya-vkladki-1-1-1-1-3-3-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="gruppa-dlya-vkladki-1-1-1-1-3-3" class="lc-section lc-section_is-expanded lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-group"><div class="lc-groupcontent lc-groupcontent_justify_start lpc-section"></div></div></div></section></div></div></div></div><div class="lc-tabs__content" data-index="4"><div class="visibility-actions visibility-actions_visible"><div class="lc-multi-background"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="gruppa-dlya-vkladki-1-1-1-1-3-1-2-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="gruppa-dlya-vkladki-1-1-1-1-3-1-2" class="lc-section lc-section_is-expanded lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-group"><div class="lc-groupcontent lc-groupcontent_justify_start lpc-section"></div></div></div></section></div></div></div></div></div></div></div></section></div></div></div><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:7;grid-row-start:6;grid-column-end:3;grid-column-start:2;width:99.3%;height:min-content;justify-self:start;align-self:start;margin-left:0px;margin-top:0px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:0px 23px 23px 23px" id="otvet-backgrounds"><div style="background-color:rgba(242, 242, 242, 1)" class="lc-multi-backgroundbackground"></div></div><div class="lc-multi-backgroundsection-container"><div class="lc-bordersadvanced-borders-wrapper" style="border-radius:0px 23px 23px 23px"><div class="lc-borders__component-wrapper" style="border-radius:0px 23px 23px 23px"><section id="otvet" class="lc-section lc-section_is-expanded lc-section_no-paddings lc-section_no-margins lpc-section "><div class="lc-offsets" style="padding:12px 16px 12px 16px"><div class="lc-text-block lc-text-block_size_s16 lc-text-block_bpsize_s16 lc-text-block_font_text lc-text-component" style="--font-weight:400;--color:rgba(0, 0, 0, 1);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:150%" aria-hidden="false"><div class="lc-styled-text"><h6 class="lc-styled-texttext lc-styled-texttext_align_left"><a href="/neurum/c/tehnologii/q/v_chem_osnovnye_otlichiya_mezhdu_leyblom_i_42da0762" class="question-link">Основное отличие лейбла и плейсхолдера в интерфейсах заключается в расположении: Лейбл находится снаружи формы, сообщает пользователю, что в ней нужно вводить. Плейсхолдер располагается внутри поля для ввода текста и, как правило, является либо…</a></h6></div></div></div></section></div><div class="lc-bordersshadow" style="border-radius:0px 23px 23px 23px"></div><div class="lc-bordersborder" style="border-radius:0px 23px 23px 23px"></div></div></div></div></div><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:8;grid-row-start:7;grid-column-end:3;grid-column-start:2;width:min-content;height:32px;justify-self:start;align-self:start;margin-left:0px;margin-top:4px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="chitat-dalee-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="chitat-dalee" class="lc-section lc-section_is-expanded lc-section_no-paddings lc-section_no-margins lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-button-component lc-button-component_in-grid2"><span style="--font-family-base:YS Text, Helvetica, Arial, sans-serif;--font-weight-base:400;--color-base:#000000;--background-color-base:#f2f2f2;--border-radius-base:100px 100px 100px 100px;--border-base:none;--shadow-base:none;--font-family-hover:YS Text, Helvetica, Arial, sans-serif;--font-weight-hover:400;--color-hover:rgba(37, 37, 37, 1);--background-color-hover:rgba(0, 0, 0, 0.1);--border-radius-hover:100px 100px 100px 100px;--border-hover:none;--shadow-hover:none;--font-family-active:YS Text, Helvetica, Arial, sans-serif;--font-weight-active:400;--color-active:rgba(37, 37, 37, 1);--background-color-active:rgba(0, 0, 0, 0.1);--border-radius-active:100px 100px 100px 100px;--border-active:none;--shadow-active:none;--sizes-width:120px;--sizes-height:50px;--sizes-padding-left:16px;--sizes-padding-right:16px;--sizes-font-size:12px;--sizes-letter-spacing:0px;--sizes-icon-height:20px;--sizes-icon-offset:5px"><a class="Link link lc-link lc-button2 lc-button2_size_min lc-button2_animation_off lc-button2_type_link undefined" href="/neurum/c/tehnologii/q/v_chem_osnovnye_otlichiya_mezhdu_leyblom_i_42da0762" data-clickable="true" data-log-node="0--100"><div class="lc-button2under"></div><span class="lc-button2text"><div class="lc-styled-text"><span class="lc-styled-texttext lc-styled-texttext_align_center">Читать далее</span></div></span></a></span></div></div></section></div></div></div></div></div></section></div></div><div class="lc-multi-background"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="vopros-i-otvet-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="vopros-i-otvet" class="lc-section lc-section_is-expanded lc-section_no-margins lpc-section "><div class="lc-offsets lc-grid2-offsets" style="padding:32px 0px 32px 0px"><div class="lc-grid2" style="row-gap:0px;column-gap:0px;grid-template-columns:calc((100% - 0px - (649px)) * 0.5) 649px calc((100% - 0px - (649px)) * 0.5);grid-template-rows:min-content min-content min-content min-content min-content min-content min-content"><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:5;grid-row-start:4;grid-column-end:2;grid-column-start:1;width:40px;height:min-content;justify-self:end;align-self:center;margin-right:8px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="logo-nejro-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="logo-nejro" class="lc-section lc-section_is-expanded lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-image-lpc lc-image-lpc_in-grid2 lc-image-lpc_height-auto lc-image-lpc_migrated"><div class="lc-image-lpc__component"><div class="lc-picture lc-picture_has-thumbnail lc-picture_migrated lc-image-lpcimage"><img alt="" aria-hidden="true" class="lc-picturefull-size-block lc-pictureimage" src="https://avatars.mds.yandex.net/get-lpc/10704932/e7fc6d46-fdd6-40c8-9a7b-4ce90dd74c93/orig" width="97" height="96" loading="lazy"/><img aria-hidden="true" class="lc-picturefull-size-block lc-picturethumbnail lc-picturethumbnail_pulsing_true" src="https://avatars.mds.yandex.net/get-lpc/10704932/e7fc6d46-fdd6-40c8-9a7b-4ce90dd74c93/lqip_q70" width="97" height="96"/></div></div></div></div></section></div></div></div><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:2;grid-row-start:1;grid-column-end:3;grid-column-start:2;width:min-content;height:min-content;justify-self:start;align-self:start;margin-left:0px;margin-top:0px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="vopros-dlya-nejro-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="vopros-dlya-nejro" class="lc-section lc-section_is-expanded lc-section_no-paddings lc-section_no-margins lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-text-block lc-text-block_size_s12 lc-text-block_bpsize_s12 lc-text-block_font_text lc-text-component" style="--font-weight:500;--color:#2a2a2a;--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:140%" aria-hidden="false"><div class="lc-styled-text"><div class="lc-styled-texttext lc-styled-texttext_align_left">Вопрос для Нейро</div></div></div></div></section></div></div></div><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:2;grid-row-start:1;grid-column-end:3;grid-column-start:2;width:min-content;height:min-content;justify-self:start;align-self:start;margin-left:116px;margin-top:0px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="data-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="data" class="lc-section lc-section_is-expanded lc-section_no-paddings lc-section_no-margins lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-text-block lc-text-block_size_s12 lc-text-block_bpsize_s12 lc-text-block_font_text lc-text-component" style="--font-weight:400;--color:rgba(0, 0, 0, 0.4);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:140%" aria-hidden="false"><div class="lc-styled-text"><div class="lc-styled-texttext lc-styled-texttext_align_left"><span class="date">15 февраля</span></div></div></div></div></section></div></div></div><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:3;grid-row-start:2;grid-column-end:3;grid-column-start:2;width:100%;height:min-content;justify-self:start;align-self:start;margin-left:0px;margin-top:0px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="tegi-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="tegi" class="lc-section lc-section_is-expanded lc-section_no-paddings lc-section_no-margins lpc-section "><div class="lc-offsets" style="padding:0px 0px 5px 0px"><div class="lc-text-block lc-text-block_size_s12 lc-text-block_bpsize_s12 lc-text-block_font_text lc-text-component" style="--font-weight:400;--color:rgba(0, 0, 0, 0.4);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:140%" aria-hidden="false"><div class="lc-styled-text"><div class="lc-styled-texttext lc-styled-texttext_align_left"><span class="tags"><a href="/neurum/t/HTML" class="tag">#HTML</a><a href="/neurum/t/Формы" class="tag">#Формы</a><a href="/neurum/t/Плейсхолдер" class="tag">#Плейсхолдер</a><a href="/neurum/t/Лейбл" class="tag">#Лейбл</a></span></div></div></div></div></section></div></div></div><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:4;grid-row-start:3;grid-column-end:3;grid-column-start:2;width:468px;height:min-content;justify-self:start;align-self:end;margin-left:0px;margin-bottom:8px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:0px 23px 23px 23px" id="vopros-backgrounds"><div style="background-color:rgba(242, 242, 242, 1)" class="lc-multi-backgroundbackground"></div></div><div class="lc-multi-backgroundsection-container"><div class="lc-bordersadvanced-borders-wrapper" style="border-radius:0px 23px 23px 23px"><div class="lc-borders__component-wrapper" style="border-radius:0px 23px 23px 23px"><section id="vopros" class="lc-section lc-section_is-expanded lc-section_no-paddings lc-section_no-margins lpc-section "><div class="lc-offsets" style="padding:12px 16px 12px 16px"><div class="lc-text-block lc-text-block_size_s16 lc-text-block_bpsize_s16 lc-text-block_font_text lc-text-component" style="--font-weight:500;--color:rgba(0, 0, 0, 1);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:140%" aria-hidden="false"><div class="lc-styled-text"><h6 class="lc-styled-texttext lc-styled-texttext_align_left"><a href="/neurum/c/tehnologii/q/v_chem_raznica_mezhdu_ispolzovaniem_pleysholdera_9e4cda54" class="question-link">В чем разница между использованием плейсхолдера и лейбла в HTML формах?</a></h6></div></div></div></section></div><div class="lc-bordersshadow" style="border-radius:0px 23px 23px 23px"></div><div class="lc-bordersborder" style="border-radius:0px 23px 23px 23px"></div></div></div></div></div><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:5;grid-row-start:4;grid-column-end:3;grid-column-start:2;width:min-content;height:min-content;justify-self:start;align-self:start;margin-left:0px;margin-top:3px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="nejro-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="nejro" class="lc-section lc-section_is-expanded lc-section_no-paddings lc-section_no-margins lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-text-block lc-text-block_size_s12 lc-text-block_bpsize_s12 lc-text-block_font_text lc-text-component" style="--font-weight:500;--color:#2a2a2a;--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:140%" aria-hidden="false"><div class="lc-styled-text"><div class="lc-styled-texttext lc-styled-texttext_align_left">Нейро</div></div></div></div></section></div></div></div><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:5;grid-row-start:4;grid-column-end:3;grid-column-start:2;width:min-content;height:min-content;justify-self:start;align-self:end;margin-left:0px;margin-bottom:4px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="na-osnove-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="na-osnove" class="lc-section lc-section_is-expanded lc-section_no-paddings lc-section_no-margins lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-text-block lc-text-block_size_s12 lc-text-block_bpsize_s12 lc-text-block_font_text lc-text-component" style="--font-weight:500;--color:rgba(0, 0, 0, 0.4);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:140%" aria-hidden="false"><div class="lc-styled-text"><div class="lc-styled-texttext lc-styled-texttext_align_left">На основе 5 источников</div></div></div></div></section></div></div></div><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:6;grid-row-start:5;grid-column-end:3;grid-column-start:2;width:100%;height:min-content;justify-self:start;align-self:start;margin-left:0px;margin-top:0px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="istochniki-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="istochniki" class="lc-section lc-section_is-expanded lc-section_no-paddings lpc-section "><div class="lc-offsets" style="padding:4px 0px 4px 0px"><div class="lc-tabs lc-tabs_type_horizontal lc-tabs_align_left lc-tabs_in-grid2 lc-tabs_with-paddings lc-tabs_custom-width" style="--lc-tab-custom-width:auto;--lc-tab-paddings:0px 0px 0px 0px"><div class="lc-tabscontainer-wrapper" style="background-color:#ffffff" role="tablist"><div class="lc-tabscontainer lc-tabs__container_theme_tabs"><div class="lc-tabsarrow lc-tabsarrow_direction_left"></div><div class="lc-tabsunderline-container"><div class="lc-tabsgradient" style="background:linear-gradient(to left, rgba(255, 255, 255, 0), #ffffff)"></div><div class="lc-tabsscroll-wrapper"><div class="lc-tabstab lc-tabs__tab_theme_text lc-tabs__tab_active lc-tabs__tab_size_m lc-tabs__tab_align_left" style="border-color:rgba(255, 204, 0, 1)" role="tab" tabindex="0" aria-selected="true"><div class="lc-text-block lc-text-block_size_s12 lc-text-block_bpsize_s12 lc-text-block_font_text lc-tabs__number" style="--font-weight:400;--color:rgba(0, 0, 0, 1);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:32px" aria-hidden="false">1</div><div class="lc-text-block lc-text-block_size_s12 lc-text-block_bpsize_s12 lc-text-block_font_text lc-tabstab-text" style="--font-weight:400;--color:rgba(0, 0, 0, 1);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:32px" aria-hidden="false"><div class="lc-styled-text"><div class="lc-styled-texttext lc-styled-text__text_align_left"><a href="https://sales-generator.ru/blog/pleyskholdery/" class="source" target="_blank"> <div class="sourcepath"> <div class="sourceicon-wrap"> <i class="sourceicon" style="background-image: url(https://favicon.yandex.net/favicon/v2/https://sales-generator.ru/blog/pleyskholdery/?size=32&stub=1);"></i> </div> <div class="sourcehost">sales-generator.ru</div> </div> </a></div></div></div></div><div class="lc-tabstab lc-tabstab_theme_text lc-tabs__tab_size_m lc-tabs__tab_align_left" role="tab" tabindex="0" aria-selected="false"><div class="lc-text-block lc-text-block_size_s12 lc-text-block_bpsize_s12 lc-text-block_font_text lc-tabs__number" style="--font-weight:400;--color:rgba(0, 0, 0, 1);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:32px" aria-hidden="false">2</div><div class="lc-text-block lc-text-block_size_s12 lc-text-block_bpsize_s12 lc-text-block_font_text lc-tabstab-text" style="--font-weight:400;--color:rgba(0, 0, 0, 1);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:32px" aria-hidden="false"><div class="lc-styled-text"><div class="lc-styled-texttext lc-styled-text__text_align_left"><a href="https://dzen.ru/a/XzuG9SVXoBGyo09L" class="source" target="_blank"> <div class="sourcepath"> <div class="sourceicon-wrap"> <i class="sourceicon" style="background-image: url(https://favicon.yandex.net/favicon/v2/https://dzen.ru/a/XzuG9SVXoBGyo09L?size=32&stub=1);"></i> </div> <div class="sourcehost">dzen.ru</div> </div> </a></div></div></div></div><div class="lc-tabstab lc-tabstab_theme_text lc-tabs__tab_size_m lc-tabs__tab_align_left" role="tab" tabindex="0" aria-selected="false"><div class="lc-text-block lc-text-block_size_s12 lc-text-block_bpsize_s12 lc-text-block_font_text lc-tabs__number" style="--font-weight:400;--color:rgba(0, 0, 0, 1);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:32px" aria-hidden="false">3</div><div class="lc-text-block lc-text-block_size_s12 lc-text-block_bpsize_s12 lc-text-block_font_text lc-tabstab-text" style="--font-weight:400;--color:rgba(0, 0, 0, 1);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:32px" aria-hidden="false"><div class="lc-styled-text"><div class="lc-styled-texttext lc-styled-text__text_align_left"><a href="https://proglib.io/p/study_html_forms" class="source" target="_blank"> <div class="sourcepath"> <div class="sourceicon-wrap"> <i class="source__icon" style="background-image: url(https://favicon.yandex.net/favicon/v2/https://proglib.io/p/study_html_forms?size=32&stub=1);"></i> </div> <div class="sourcehost">proglib.io</div> </div> </a></div></div></div></div><div class="lc-tabstab lc-tabs__tab_theme_text lc-tabs__tab_size_m lc-tabs__tab_align_left" role="tab" tabindex="0" aria-selected="false"><div class="lc-text-block lc-text-block_size_s12 lc-text-block_bpsize_s12 lc-text-block_font_text lc-tabs__number" style="--font-weight:400;--color:rgba(0, 0, 0, 1);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:32px" aria-hidden="false">4</div><div class="lc-text-block lc-text-block_size_s12 lc-text-block_bpsize_s12 lc-text-block_font_text lc-tabstab-text" style="--font-weight:400;--color:rgba(0, 0, 0, 1);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:32px" aria-hidden="false"><div class="lc-styled-text"><div class="lc-styled-texttext lc-styled-text__text_align_left"><a href="https://rookee.ru/blog/pleyskholdery-chto-eto-takoe-i-kak-ikh-ispolzovat/" class="source" target="_blank"> <div class="sourcepath"> <div class="sourceicon-wrap"> <i class="sourceicon" style="background-image: url(https://favicon.yandex.net/favicon/v2/https://rookee.ru/blog/pleyskholdery-chto-eto-takoe-i-kak-ikh-ispolzovat/?size=32&stub=1);"></i> </div> <div class="sourcehost">rookee.ru</div> </div> </a></div></div></div></div><div class="lc-tabstab lc-tabstab_theme_text lc-tabs__tab_size_m lc-tabs__tab_align_left" role="tab" tabindex="0" aria-selected="false"><div class="lc-text-block lc-text-block_size_s12 lc-text-block_bpsize_s12 lc-text-block_font_text lc-tabs__number" style="--font-weight:400;--color:rgba(0, 0, 0, 1);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:32px" aria-hidden="false">5</div><div class="lc-text-block lc-text-block_size_s12 lc-text-block_bpsize_s12 lc-text-block_font_text lc-tabstab-text" style="--font-weight:400;--color:rgba(0, 0, 0, 1);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:32px" aria-hidden="false"><div class="lc-styled-text"><div class="lc-styled-texttext lc-styled-text__text_align_left"><a href="https://htmlacademy.ru/blog/html/form-design-placeholders" class="source" target="_blank"> <div class="sourcepath"> <div class="sourceicon-wrap"> <i class="sourceicon" style="background-image: url(https://favicon.yandex.net/favicon/v2/https://htmlacademy.ru/blog/html/form-design-placeholders?size=32&stub=1);"></i> </div> <div class="sourcehost">htmlacademy.ru</div> </div> </a></div></div></div></div></div><div class="lc-tabsgradient" style="background:linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff)"></div></div><div class="lc-tabsarrow lc-tabs__arrow_direction_right"></div></div></div><div class="lc-tabscontent-wrapper"><div class="lc-tabscontent lc-tabs__content_visible" data-index="0"><div class="visibility-actions visibility-actions_visible"><div class="lc-multi-background"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="gruppa-dlya-vkladki-1-1-4-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="gruppa-dlya-vkladki-1-1-4" class="lc-section lc-section_is-expanded lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-group"><div class="lc-groupcontent lc-groupcontent_justify_start lpc-section"></div></div></div></section></div></div></div></div><div class="lc-tabs__content" data-index="1"><div class="visibility-actions visibility-actions_visible"><div class="lc-multi-background"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="gruppa-dlya-vkladki-1-1-1-4-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="gruppa-dlya-vkladki-1-1-1-4" class="lc-section lc-section_is-expanded lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-group"><div class="lc-groupcontent lc-groupcontent_justify_start lpc-section"></div></div></div></section></div></div></div></div><div class="lc-tabs__content" data-index="2"><div class="visibility-actions visibility-actions_visible"><div class="lc-multi-background"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="gruppa-dlya-vkladki-1-1-1-1-6-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="gruppa-dlya-vkladki-1-1-1-1-6" class="lc-section lc-section_is-expanded lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-group"><div class="lc-groupcontent lc-groupcontent_justify_start lpc-section"></div></div></div></section></div></div></div></div><div class="lc-tabs__content" data-index="3"><div class="visibility-actions visibility-actions_visible"><div class="lc-multi-background"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="gruppa-dlya-vkladki-1-1-1-1-3-3-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="gruppa-dlya-vkladki-1-1-1-1-3-3" class="lc-section lc-section_is-expanded lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-group"><div class="lc-groupcontent lc-groupcontent_justify_start lpc-section"></div></div></div></section></div></div></div></div><div class="lc-tabs__content" data-index="4"><div class="visibility-actions visibility-actions_visible"><div class="lc-multi-background"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="gruppa-dlya-vkladki-1-1-1-1-3-1-2-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="gruppa-dlya-vkladki-1-1-1-1-3-1-2" class="lc-section lc-section_is-expanded lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-group"><div class="lc-groupcontent lc-groupcontent_justify_start lpc-section"></div></div></div></section></div></div></div></div></div></div></div></section></div></div></div><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:7;grid-row-start:6;grid-column-end:3;grid-column-start:2;width:99.3%;height:min-content;justify-self:start;align-self:start;margin-left:0px;margin-top:0px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:0px 23px 23px 23px" id="otvet-backgrounds"><div style="background-color:rgba(242, 242, 242, 1)" class="lc-multi-backgroundbackground"></div></div><div class="lc-multi-backgroundsection-container"><div class="lc-bordersadvanced-borders-wrapper" style="border-radius:0px 23px 23px 23px"><div class="lc-borders__component-wrapper" style="border-radius:0px 23px 23px 23px"><section id="otvet" class="lc-section lc-section_is-expanded lc-section_no-paddings lc-section_no-margins lpc-section "><div class="lc-offsets" style="padding:12px 16px 12px 16px"><div class="lc-text-block lc-text-block_size_s16 lc-text-block_bpsize_s16 lc-text-block_font_text lc-text-component" style="--font-weight:400;--color:rgba(0, 0, 0, 1);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:150%" aria-hidden="false"><div class="lc-styled-text"><h6 class="lc-styled-texttext lc-styled-texttext_align_left"><a href="/neurum/c/tehnologii/q/v_chem_raznica_mezhdu_ispolzovaniem_pleysholdera_9e4cda54" class="question-link">Разница между использованием плейсхолдера и лейбла в HTML-формах заключается в их расположении и назначении: 1. Плейсхолдеры располагаются внутри поля для ввода текста и, как правило, являются либо конкретным примером ввода, либо подсказкой и…</a></h6></div></div></div></section></div><div class="lc-bordersshadow" style="border-radius:0px 23px 23px 23px"></div><div class="lc-bordersborder" style="border-radius:0px 23px 23px 23px"></div></div></div></div></div><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:8;grid-row-start:7;grid-column-end:3;grid-column-start:2;width:min-content;height:32px;justify-self:start;align-self:start;margin-left:0px;margin-top:4px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="chitat-dalee-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="chitat-dalee" class="lc-section lc-section_is-expanded lc-section_no-paddings lc-section_no-margins lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-button-component lc-button-component_in-grid2"><span style="--font-family-base:YS Text, Helvetica, Arial, sans-serif;--font-weight-base:400;--color-base:#000000;--background-color-base:#f2f2f2;--border-radius-base:100px 100px 100px 100px;--border-base:none;--shadow-base:none;--font-family-hover:YS Text, Helvetica, Arial, sans-serif;--font-weight-hover:400;--color-hover:rgba(37, 37, 37, 1);--background-color-hover:rgba(0, 0, 0, 0.1);--border-radius-hover:100px 100px 100px 100px;--border-hover:none;--shadow-hover:none;--font-family-active:YS Text, Helvetica, Arial, sans-serif;--font-weight-active:400;--color-active:rgba(37, 37, 37, 1);--background-color-active:rgba(0, 0, 0, 0.1);--border-radius-active:100px 100px 100px 100px;--border-active:none;--shadow-active:none;--sizes-width:120px;--sizes-height:50px;--sizes-padding-left:16px;--sizes-padding-right:16px;--sizes-font-size:12px;--sizes-letter-spacing:0px;--sizes-icon-height:20px;--sizes-icon-offset:5px"><a class="Link link lc-link lc-button2 lc-button2_size_min lc-button2_animation_off lc-button2_type_link undefined" href="/neurum/c/tehnologii/q/v_chem_raznica_mezhdu_ispolzovaniem_pleysholdera_9e4cda54" data-clickable="true" data-log-node="0--100"><div class="lc-button2under"></div><span class="lc-button2text"><div class="lc-styled-text"><span class="lc-styled-texttext lc-styled-texttext_align_center">Читать далее</span></div></span></a></span></div></div></section></div></div></div></div></div></section></div></div></div></div></div></section></div></div></div><section id="loader" class="lc-section lc-section_is-expanded lpc-section "><div class="lc-custom-html"><div class="loader-wrap"> <span class="loader"></span> </div> <style> #loader { visibility: hidden; } #loader.shown { visibility: visible; } .loader-wrap { text-align: center; margin: 0 0 30px; } .loader { width: 32px; height: 32px; border: 4px solid #F8604A; border-bottom-color: transparent; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: rotation 1s linear infinite; opacity: 0.5; } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } </style></div></section><div class="lc-multi-background"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="podval-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="podval" class="lc-section lc-section_is-expanded lc-section_no-margins lpc-section "><div class="lc-offsets lc-grid2-offsets" style="padding:0px 0px 76px 0px"><div class="lc-grid2" style="row-gap:0px;column-gap:0px;grid-template-columns:calc((100% - 0px - (649px)) * 0.5) 649px calc((100% - 0px - (649px)) * 0.5);grid-template-rows:min-content"><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:2;grid-row-start:1;grid-column-end:3;grid-column-start:2;width:100%;height:min-content;justify-self:start;align-self:start;margin-left:0px;margin-top:0px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="setochnaya-gruppa-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="setochnaya-gruppa" class="lc-section lc-section_is-expanded lc-section_no-margins lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-grid2" style="row-gap:0px;column-gap:0px;grid-template-columns:calc((100% - 0px) * 1);grid-template-rows:min-content"><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:2;grid-row-start:1;grid-column-end:2;grid-column-start:1;width:min-content;height:min-content;justify-self:start;align-self:start;margin-left:0px;margin-top:0px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="kopirajt-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="kopirajt" class="lc-section lc-section_is-expanded lc-section_no-paddings lc-section_no-margins lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-text-block lc-text-block_size_custom lc-text-block_bpsize_custom lc-text-block_font_text lc-text-component" style="--font-weight:400;--font-size:10px;--color:rgba(32, 35, 51, 0.5);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:140%" aria-hidden="false"><div class="lc-styled-text"><div class="lc-styled-texttext lc-styled-texttext_align_left">© 2024 ООО «Яндекс»</div></div></div></div></section></div></div></div><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:2;grid-row-start:1;grid-column-end:2;grid-column-start:1;width:min-content;height:min-content;justify-self:start;align-self:start;margin-left:115px;margin-top:0px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="polzovatelskoe-soglashenie-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="polzovatelskoe-soglashenie" class="lc-section lc-section_is-expanded lc-section_no-paddings lc-section_no-margins lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-text-block lc-text-block_size_custom lc-text-block_bpsize_custom lc-text-block_font_text lc-text-component" style="--font-weight:400;--font-size:10px;--color:rgba(32, 35, 51, 0.5);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:140%" aria-hidden="false"><div class="lc-styled-text"><div class="lc-styled-texttext lc-styled-texttext_align_left"><a href="https://yandex.ru/legal/yaneurum/" target="_blank">Пользовательское соглашение</a></div></div></div></div></section></div></div></div><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:2;grid-row-start:1;grid-column-end:2;grid-column-start:1;width:min-content;height:min-content;justify-self:start;align-self:start;margin-left:265px;margin-top:0px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="svyazatsya-s-nami-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="svyazatsya-s-nami" class="lc-section lc-section_is-expanded lc-section_no-paddings lc-section_no-margins lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-text-block lc-text-block_size_custom lc-text-block_bpsize_custom lc-text-block_font_text lc-text-component" style="--font-weight:400;--font-size:10px;--color:rgba(32, 35, 51, 0.5);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:140%" aria-hidden="false"><div class="lc-styled-text"><div class="lc-styled-texttext lc-styled-texttext_align_left"><a href="https://forms.yandex.ru/surveys/13479981.b18fd47c33e9c58ba79eba4d8a8b7b9b56ac73e9/" target="_blank">Связаться с нами</a></div></div></div></div></section></div></div></div></div></div></section></div></div></div></div></div></section></div></div><section id="js" class="lc-section lc-section_is-expanded lpc-section "><div class="lc-custom-html"><script src="https://yastatic.net/s3/distribution/hanky/log-2808-1.js"></script> <script src="https://yastatic.net/s3/distribution/hanky/more-questions-1710-2.js"></script> <script src="https://yastatic.net/s3/distribution/hanky/autosize.min.js"></script> <script src="https://yastatic.net/s3/distribution/hanky/question-2102-3.js"></script> <div id="nextUrl" data-url=""></div></div></section><div class="visibility-actions visibility-actions_visible"><div class="lc-multi-background"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="plavayushaya-knopka-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="plavayushaya-knopka" class="lc-section lc-section_is-expanded lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-group"><div class="lc-groupcontent lc-groupcontent_justify_start lpc-section"><section id="css-knopki" class="lc-section lc-section_is-expanded lpc-section "><div class="lc-custom-html"><style> #knopka { position: relative; transition: transform .1s ease-out; will-change: transform; } #knopka:hover { transform: scale(1.02); } @media (max-width: 1209px) { #plavayushaya-knopka { display: none; } } .lc-fixed-grid2 { z-index: 1000; } </style></div></section><div class="lc-fixed-grid2" style="--fixed-grid-width:250px;--fixed-grid-margin-right:0px;--fixed-grid-margin-top:0px"><div class="lc-multi-background"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="fiks-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="fiks" class="lc-section lc-section_is-expanded lc-section_no-margins lpc-section "><div class="lc-offsets lc-grid2-offsets" style="padding:0px 0px 0px 0px"><div class="lc-grid2" style="row-gap:0px;column-gap:0px;grid-template-columns:calc((100% - 0px) * 1);grid-template-rows:min-content"><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:2;grid-row-start:1;grid-column-end:2;grid-column-start:1;width:210px;height:40px;justify-self:end;align-self:start;margin-right:24px;margin-top:19px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="knopka-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="knopka" class="lc-section lc-section_is-expanded lc-section_no-paddings lc-section_no-margins lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-button-component lc-button-component_in-grid2"><span style="--font-family-base:YS Text, Helvetica, Arial, sans-serif;--font-weight-base:400;--color-base:rgba(37, 37, 37, 1);--background-color-base:#ffffff;--border-radius-base:100px 100px 100px 100px;--border-base:1px solid rgba(0, 0, 0, 0.15);--shadow-base:none;--font-family-hover:YS Text, Helvetica, Arial, sans-serif;--font-weight-hover:400;--color-hover:rgba(37, 37, 37, 1);--background-color-hover:#ffffff;--border-radius-hover:100px 100px 100px 100px;--border-hover:1px solid rgba(0, 0, 0, 0.15);--shadow-hover:none;--font-family-active:YS Text, Helvetica, Arial, sans-serif;--font-weight-active:400;--color-active:rgba(37, 37, 37, 1);--background-color-active:#ffffff;--border-radius-active:100px 100px 100px 100px;--border-active:1px solid rgba(0, 0, 0, 0.15);--shadow-active:none;--icon-url-base:url(https://avatars.mdst.yandex.net/get-lpc/69669/ea983e37-31c4-4d8c-8dfd-544bf732d98b/orig);--icon-opacity-base:1;--icon-url-hover:url(https://avatars.mdst.yandex.net/get-lpc/69669/ea983e37-31c4-4d8c-8dfd-544bf732d98b/orig);--icon-opacity-hover:1;--icon-url-active:url(https://avatars.mdst.yandex.net/get-lpc/69669/ea983e37-31c4-4d8c-8dfd-544bf732d98b/orig);--icon-opacity-active:1;--sizes-width:120px;--sizes-height:50px;--sizes-padding-left:0px;--sizes-padding-right:0px;--sizes-font-size:14px;--sizes-letter-spacing:0px;--sizes-icon-height:24px;--sizes-icon-offset:4px"><a class="Link link lc-link lc-button2 lc-button2_size_min lc-button2_animation_off lc-button2_layout_textOnRight lc-button2_type_link undefined" href="https://ya.ru/neuro-search/?utm_source=neurum" target="_blank" data-clickable="true" rel="noopener" data-log-node="0--100"><div class="lc-button2under"></div><span class="lc-button2text"><span class="lc-button2icon lc-button2icon_iconText"><span class="lc-button2image lc-button2image_base"></span></span><div class="lc-styled-text"><span class="lc-styled-texttext lc-styled-texttext_align_center">Что такое Поиск с Нейро?</span></div></span></a></span></div></div></section></div></div></div></div></div></section></div></div></div></div></div></div></section></div></div></div><div class="lc-multi-background"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="modalka-zadat-vopros-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="modalka-zadat-vopros" class="lc-section lpc-section "><div class="lc-offsets lc-offsets_padding-top_none lc-offsets_padding-bottom_none"><div style="display:none"><div class="lc-multi-background lc-modalbackground"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="modalka-zadat-vopros-backgrounds"></div><div class="lc-multi-backgroundsection-container"><div class="lc-modalclose" aria-label="Закрыть" role="button" tabindex="0"></div><div class="lc-modal__background-inner"><section id="css-modal" class="lc-section lc-section_is-expanded lpc-section "><div class="lc-custom-html"><style> #modalka-zadat-vopros-backgrounds + .lc-multi-backgroundsection-container .lc-modalclose { top: 13px; right: 2px; } .lc-modalcontent { max-width: 630px; } .lc-modalclose { width: 22px; height: 22px; top: 5px; right: 0; } .lc-modalclose::after, .lc-modalclose::before { width: 22px; height: 22px; } .lc-modalclose::after { right: 3px; } .lc-modalclose::before { right: 19px; } @media (max-width: 1209px) { .lc-modalcontent { min-width: 100%; margin: 0; min-height: 100%; align-items: end; } .lc-modalinternal-content { margin: 0; } } </style></div></section><div class="visibility-actions visibility-actions_visible"><div class="lc-multi-background"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:20px 20px 0px 0px" id="kontent-backgrounds"><div style="background-color:rgba(255, 255, 255, 1)" class="lc-multi-backgroundbackground"></div></div><div class="lc-multi-backgroundsection-container"><div class="lc-bordersadvanced-borders-wrapper" style="border-radius:20px 20px 0px 0px"><div class="lc-borders__component-wrapper" style="border-radius:20px 20px 0px 0px"><section id="kontent" class="lc-section lc-section_is-expanded lpc-section "><div class="lc-offsets" style="padding:48px 32px 32px 32px"><div class="lc-group"><div class="lc-groupcontent lc-groupcontent_justify_start lpc-section"><div class="lc-multi-background"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="setka-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="setka" class="lc-section lc-section_is-expanded lc-section_no-margins lpc-section "><div class="lc-offsets lc-grid2-offsets" style="padding:0px 0px 0px 0px"><div class="lc-grid2" style="row-gap:0px;column-gap:0px;grid-template-columns:calc((100% - 0px) * 1);grid-template-rows:min-content min-content min-content"><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:2;grid-row-start:1;grid-column-end:2;grid-column-start:1;width:min-content;height:64px;justify-self:center;align-self:start;margin-top:0px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="logotip-v-modalke-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="logotip-v-modalke" class="lc-section lc-section_is-expanded lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-image-lpc lc-image-lpc_in-grid2 lc-image-lpc_width-auto lc-image-lpc_no-padding lc-image-lpc_migrated"><div class="lc-image-lpc__component"><div class="lc-picture lc-picture_migrated lc-image-lpcimage"><img alt="" aria-hidden="true" class="lc-picturefull-size-block lc-picture__image" src="https://avatars.mdst.yandex.net/get-lpc/69009/d622eb0d-b948-4cdb-8354-12fd80f85543/orig" style="opacity:1" width="64" height="64" loading="lazy"/></div></div></div></div></section></div></div></div><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:3;grid-row-start:2;grid-column-end:2;grid-column-start:1;width:100%;height:min-content;justify-self:center;align-self:start;margin-top:24px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="zadajte-vopros-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="zadajte-vopros" class="lc-section lc-section_is-expanded lc-section_no-paddings lc-section_no-margins lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-text-block lc-text-block_size_s24 lc-text-block_bpsize_s24 lc-text-block_font_text lc-text-component" style="--font-weight:600;--color:rgba(0, 0, 0, 1);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:117%" aria-hidden="false"><div class="lc-styled-text"><div class="lc-styled-texttext lc-styled-texttext_align_center">Задайте вопрос...</div></div></div></div></section></div></div></div><div class="lc-grid2-item" data-grid-item-id="false" style="grid-row-end:4;grid-row-start:3;grid-column-end:2;grid-column-start:1;width:100%;height:min-content;justify-self:center;align-self:start;margin-top:8px"><div class="lc-multi-background lc-multi-background_inLcGrid2"><div class="lc-multi-backgroundbackgrounds-container" style="--border-radius:" id="i-poluchite-otvet-backgrounds"></div><div class="lc-multi-backgroundsection-container"><section id="i-poluchite-otvet" class="lc-section lc-section_is-expanded lc-section_no-paddings lc-section_no-margins lpc-section "><div class="lc-offsets" style="padding:0px 0px 0px 0px"><div class="lc-text-block lc-text-block_size_s16 lc-text-block_bpsize_s16 lc-text-block_font_text lc-text-component" style="--font-weight:400;--color:rgba(0, 0, 0, 1);--font-family:YS Text, Helvetica, Arial, sans-serif;--letter-spacing:normal;line-height:150%" aria-hidden="false"><div class="lc-styled-text"><div class="lc-styled-texttext lc-styled-texttext_align_center">…и сразу получите ответ в Поиске с Нейро</div></div></div></div></section></div></div></div></div></div></section></div></div><section id="input-poiska" class="lc-section lc-section_is-expanded lpc-section "><div class="lc-custom-html"><style> #input-poiska { } #input-poiska .FuturisInput { width: 100%; margin: 24px 0 0; position: relative; display: flex; align-items: center; gap: 16px; transition: left .3s ease-out; } @media (max-width: 681px) { #input-poiska .FuturisInput { width: auto; margin: 20px 0 0; } } #input-poiska .FuturisInput-Container { display: flex; flex-grow: 1; align-items: center; position: relative; border-radius: 25px; background-color: rgb(242, 242, 242); } #input-poiska .FuturisInput-Content { width: 100%; } #input-poiska .FuturisInput-Text { height: 52px; padding: 16px; display: block; box-sizing: border-box; width: 100%; font: 16px/20px "YS Text",-apple-system,BlinkMacSystemFont,Arial,Helvetica,sans-serif; resize: none; color: #000; border: 0; outline: 0; background-color: transparent; scrollbar-width: none; } #input-poiska .FuturisInput-Panel { margin: 7px 10px; gap: 10px; display: flex; align-self: end; } #input-poiska .Button2 { cursor: pointer; position: relative; display: inline-block; overflow: visible; box-sizing: border-box; margin: 0; padding: 0; font-weight: inherit; user-select: none; text-align: center; white-space: nowrap; text-decoration: none; border-width: 0; outline: 0; background: 0 0; -webkit-tap-highlight-color: transparent; touch-action: manipulation; font-family: inherit; font-size: 0; } #input-poiska .Button2::before { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; content: ""; border-radius: 12px; } #input-poiska .Button2::after { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; content: ""; transform: scale(0); } #input-poiska .Button2-Text { position: relative; resize: none; white-space: nowrap; pointer-events: none; display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; } #input-poiska .FuturisVoice-Ripple { position: absolute; z-index: 1; width: 40px; height: 40px; content: ""; border-radius: 50%; transition: transform .7s ease-in-out; will-change: transform; } #input-poiska .FuturisVoice-Ripple:first-child { opacity: .2; transform: scale(1.1); } #input-poiska .FuturisVoice-Ripple:nth-child(2) { opacity: .1; transform: scale(1.2); } #input-poiska .FuturisVoice-Icon { z-index: 2; width: 32px; height: 32px; } #input-poiska .FuturisVoice-Icon rect { transition: height .7s ease-in-out; transform: rotate(180deg); transform-origin: center; fill: rgba(0, 0, 0, .4); } #input-poiska .FuturisVoice-Icon path { fill: rgba(0, 0, 0, .4); } #input-poiska .FuturisInput-Search { padding: 4px; fill: #f8604a; transition: .1s ease-out; cursor: pointer; } #input-poiska .FuturisVoice { position: relative; padding: 4px; color: rgba(0, 0, 0, .4); border-radius: 50%; transition: .1s ease-out; } #input-poiska .FuturisVoice:hover { transform: scale(1.1); } #input-poiska .FuturisInput-Search:hover { transform: scale(1.1); } </style> <form id="search-modal-form" class="search__form" action="https://ya.ru/search/" method="get" target="_blank"> <div class="FuturisInput"> <div class="FuturisInput-Container"> <div class="FuturisInput-Content"> <div class="FuturisAutocomplete-Wrapper"> <textarea id="search-textarea" name="text" type="text" class="FuturisAutocomplete-Input FuturisInput-Text" aria-label="Задать свой вопрос" placeholder="Задать свой вопрос" maxlength="1024" enterkeyhint="search" autocorrect="off" autocapitalize="none" spellcheck="false" autocomplete="off" value="" style="height: 52px;">