Красная обводка: javascript - Bootstrap 5 как подсветить input(сделать обводку красной) при ошибке?

Содержание

javascript — Bootstrap 5 как подсветить input(сделать обводку красной) при ошибке?

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

Вопрос задан 2 года 3 месяца назад

Изменён 2 года 3 месяца назад

Просмотрен 677 раз

Ранее не имел значительного опыта работы с bootstrap, при этом думал что такие элементарные вещи в нём есть. Мне нужно подсветить input содержащий E-mail красным. С помощью какого класса я могу это сделать? Почему то в статьях на эту тему я видел что нужно зачем то создавать в style специальные для этого стили. Не ужели нет такой стандартной штуки?

У меня следующий код:

  <div>
    <div>
      <span>E-mail</span>
      <input type="text" placeholder="Введите E-mail адрес" aria-label="Email" aria-describedby="basic-addon1">
    </div>
  </div>

Я знаю что используя класс text-success можно подсветить текст зелёным, только мне нужна именно обводка.

Если это действие принято делать с помощью популярного JavaScript плагина, то что это за плагин и как воспользоваться?

javascript
css
bootstrap

Есть! Класс is-invalid добавь его к input

Сейчас посмотрел, почему то в 5-ой версии bootstrap это почему то так же явно в документации не указали(может ещё поправят конечно), так что исследуй документацию старой версии https://getbootstrap.com/docs/4.5/components/forms/

Все как и в Bootstrap 4:

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha2/css/bootstrap.min.css" integrity="sha384-DhY6onE6f3zzKbjUPRc2hOzGAdEf4/Dz+WJwBvEYL/lkkIsI3ihufq9hk9K4lVoK" crossorigin="anonymous">
  
  <div>
    <form>
      <div>
        <div>
          <span>E-mail</span>
          <input type="text" placeholder="Введите E-mail адрес" aria-label="Email" aria-describedby="basic-addon1">
          <div>
            Looks good!
          </div>
        </div>
        
        <div>
          <span>City</span>
          <input type="text" placeholder="Default input">
          <div>
            Please provide a valid city.
  </div>
        </div>
      </div>
    </form>
  </div>

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

HUAWEI Search — Руководства пользователя, Часто задаваемые вопросы, Загрузка ПО

Чтобы улучшить наш веб-сайт и сделать его удобнее для вас, мы используем файлы cookie.

Продолжая его просматривать, вы принимаете нашу политику использования файлов cookie. Подробнее

Для получения наилучшего пользовательского опыта, пожалуйста, загрузите последнюю версию Internet Explorer или откройте страницу в другом браузере.

Введите больше параметров поиска

Популярный поиск

Варианты поиска

Обслуживание и поддержка

Тип статьи
Советы по использованию
Часто задаваемые вопросы
Руководство
Загрузка программного обеспечения
Мероприятия

Ремонт
Тип продукта
Телефоны
Ноутбуки

Планшеты
Носимые устройства

Сбросить

Все

Тип статьи
Советы по использованию

Часто задаваемые вопросы
Руководство
Загрузка программного обеспечения
Мероприятия

Ремонт
Тип продукта
Телефоны
Ноутбуки
Планшеты
Носимые устройства

Результаты, отвечающие критериям поиска, не найдены.

Введите минимум два символа.

Garth Brooks — The Red Strokes (Официальное музыкальное видео) на Vimeo

Включите JavaScript, чтобы увидеть Vimeo во всей его красе.
Музыкальное видео было снято Джоном Смоллом, и его премьера состоялась на канале CMT 19 ноября 1994 года как их «Горячее видео недели». Видео начинается с полностью белой комнаты. В начале песни показано, как Брукс поднимается с пола из красной лужи, словно это вода, в полностью белом костюме и босиком сидит за белым пианино. По мере того, как музыка нарастает, на него и на пианино разбрызгиваются краски разных цветов, такие как красный, синий и зеленый. Во время гитарного соло другой Брукс стоит над первым Бруксом на пианино в черно-красной одежде. В конце песни Брукс возвращается к полностью белой сцене, напевая «Пар на окне, соль в поцелуе / Два сердца никогда так не бились», с затемнением, выполненным красной краской (единственный цифровой снимок). вставлен) бежит вниз по экрану. Снимки сверху и кадры синего цвета на руках и зеленого на ногах были сделаны Дэвидом Гантом, пианистом и скрипачом гастрольной группы Брукса. Пианино, поднимающееся из лужи, не было сделано с цифровым улучшением. На самом деле это видео, которое они сняли (фортепиано уходит в краску), воспроизводящееся в обратном порядке. Винс Монтефуско, эксперт по спецэффектам в области механики и взрывчатых веществ, спроектировал и построил гидравлическую установку. Он также участвовал в постановке этого опасного трюка. Брукс сделал все открывающие движения назад, и Винс опустил его в яму. Там была медицинская бригада безопасности на случай, если гидравлическая установка не вытащит его из ямы.
Монтефуско также отвечал за красную краску на грязевой основе, использованную в видео. По словам Брукса на его видеокассете «Video Collection Volume II», из-за самой краски потребовалось два дня, чтобы снять только вступительную сцену. На протяжении всех съемок было использовано 35 галлонов красной краски, большая часть из них только для начальной сцены. Когда пианино опускали в первый раз, яму заливали краской прямо вверх. Из-за толщины краски механизм опускания заедал и останавливался. Брукс отметил, что он был благодарен, что это прекратилось, потому что у него началось переохлаждение из-за того, что краска была холодной из-за того, что прошлой ночью хранилась снаружи. Позже Брукс прокомментировал опасность, которую представляет чрезвычайно холодная краска, сказав: «Мы действительно попробовали это в первый день, и произошло то, что пианино погрузилось примерно наполовину в краску и полностью остановилось, потому что мы использовали всю краску в то время. так что он был слишком толстым, поэтому опускающее устройство не позволяло пианино опускаться. Кроме того, хуже всего было то, что краска была очень холодной, они хранили ее на улице прошлой ночью, так что она была около 40 или 50 градусов. Итак, когда я попал в краску, все было так, как будто мы погрузились под воду и задержали дыхание на 5 секунд, а они снова подняли купол, чтобы мы могли дышать. Что ж, когда я начал спускаться, у меня началась гипервентиляция, потому что было так холодно, поэтому я подумал, что это был последний раз, когда меня кто-нибудь увидит, и я все еще думаю, что сегодня это была рука Божья, которая не позволила этому пианино упасть и Я был действительно счастлив, что это произошло. Итак, на следующий день, когда мы его снимали, краска была теплой, она разжижалась, это было похоже на погружение в бассейн, и на второй день было намного лучше, и я очень благодарен, что все так вышло. сделал».[1]
После ночного обдумывания и передачи идеи Смоллу Монтефуско и его команда вернулись и разбавили краску, добавив в краску 35-галлонную смесь грязи и воды, что не только придало им больше жидкости для работы, но и согрело это в процессе. По словам Гарта, «это было похоже на погружение в бассейн». Для последней линии моста первоначальный взрыв красной краски сверху выполняется пожарным шлангом и командой спецэффектов Винса Монтефуско. Если достаточно замедлить, сама сцена оказывается состоящей из двух разных кадров в одном. Сразу после первоначального взрыва из шланга, когда кадр за кадром замедляется, на Гарта сбрасывают два ведра (за кадром) красной краски, это не происходит в том же кадре, что и пожарный шланг.
«Red Strokes» получил награду «Музыкальное видео 1994 года» на ACMs, которая, согласно Бруксу на его VHS «Video Collection Volume II», была отмечена табличкой и отправлена Дэвиду Ганту за его работу над видео и дополнительные усилия, которые он приложил к этому.
Красная щетка — Иллюстрация Und Vektorgrafiken
Grafiken
Bilder
Fotos
Grafiken
Vektoren
Видео
Durchstne

Durchstn.

5 красный мазок кистью lizenzfreie Stock- und Vektorgrafiken. Oder starten Sie eine neuesuche, um noch mehr faszinierende Stock-Bilder und Vektorarbeiten zu entdecken.
Номер сортировки:
Am beliebtesten
gemalt grunge-streifen. — красный мазок кисти — графика, -клипарт, -мультфильмы и -символ
драгоценный камень гранж-Streifen.
вектор-красный фарб, оттенок пинзельстрих, пинзель, линия или текстура. schmutzige künstlerischen gestaltungselement, box, rahmen oderhintergrund für text. — красный мазок кисти — графика, -клипарт, -мультфильмы и -символ
Вектор-красный Фарб, Оттенок Пинзельстрих, Пинзель, Линии или Текстуры.
Ручная бумага — красный мазок кисти, графика, клипарт, -мультфильмы и символы
Ручная бумага
Ручная бумага на заднем плане.
Satz roter strichbürsten isoliert auf weiß — красный мазок стоковой графики, -clipart, -cartoons und -symbole
Satz roter Strichbürsten isoliert auf weiß мультфильмы и символ
Blick auf halbmondroter Farbspritzer über weißem Hintergrund
Konzeptionelles Design des Erwachsenwerdens rote Farbe — oder Blut — spritzt über weißen Hintergrund.
aquarell rote pinselstriche — красный мазок кистью стоковая графика, -клипарт, -мультфильмы и -символ
Aquarell rote Pinselstriche
handgezeichnete pinselstriche — красный мазок кистью стоковая графика, -клипарт, -мультфильмы и -символ
Handgezeichnete Pinselstriche
4 9004 Флаг Японии Азиатские стильные гранж-зоны Symbol isoliert auf weißem Hintergrund.
гемальт гранж-стрейфен. — красный мазок кисти — графика, -клипарт, -мультфильмы и -символ
драгоценный камень гранж-Streifen.
Набор Bemaltes Grunge-Streifen. Rote Beschriftungen, Hintergrund, Farbtextur. Пинсельстрих Вектор. Handgefertigte Designelemente.
Satz roter strichbürsten isoliert auf weiß — красный мазок кисти, графика, -клипарт, -мультфильмы и -symbole акварельстрижка элемент дизайна. rot gefärbte hand bemalt abstrakte textur. — красный мазок кисти — графика, -клипарт, -мультфильмы и -символ
Rand der Farbtöne von roten Farbe spritzen Tröpfchen. …
rote aquarell-textur farbe fleckenpinsel pinselstrich. eps10 — красный мазок кисти — графика, -клипарт, -мультфильмы и -символ
Rote Aquarell-Textur Farbe Fleckenpinsel Pinselstrich. EPS10…
Hintergrund mit roter farbe pinselstrichen. — красный мазок кисти — графика, -клипарт, -мультфильмы и -символ
Hintergrund mit roter Farbe Pinselstrichen.
Weißes Quadrat mit roten Pinselstrichen auf grauem Hintergrund. Векториллюстрация.
rechteck-hintergrund mit einem roten rahmen. von hand bemalt, mit einer groben bürste. скиз, тинте, гранж. — красный мазок кисти — графика, -клипарт, -мультфильмы и -символ
Rechteck-Hintergrund mit einem roten Rahmen. Von hand bemalt,…
Rechteckiger Hintergrund mit rotem Rahmen. Von Hand mit einem groben Pinsel bemalt. Скиззе, Тинте, Гранж. Векториллюстрация.
roter lippenstift образец. structurlack rot öl pinselstrich, выпуклая mit schatten, 10 eps-vektor-illustration isoliert auf Transparentem Hintergrund. — красный мазок кисти — графика, -клипарт, -мультфильмы и -символ
Roter Lippenstift Swatch. Strukturlack rot Öl Pinselstrich,…
valentinstag grußkarte mit pinselstrich auf rosahintergrund. — красный мазок кисти — графика, -клипарт, -мультфильмы и -символ
Valentinstag Grußkarte mit Pinselstrich auf rosa Hintergrund.
Valentinstagsgrußkarte mit Pinselstrich auf rosa Hintergrund. Stock-Illustration
абстрактный акварельный фон-оранжево-красный — красный мазок кистью stock-grafiken, -clipart, -cartoons und -symbole
Абстрактный акварельный фон-оранжево-красный
Banner-vorlagen für schwarzen freitag. продвижение-баннер, ангебот, веркауф. — красный мазок кисти — графика, -клипарт, -мультфильмы и -символ
Banner-Vorlagen für schwarzen Freitag. Promotion-Banner, Angebot,
vorlage für ihre banner-text — structurlack rot öl pinselstrich, sieht aus wie sprechblase, isoliert auf weißemhintergrund. Ротер липпенштифт зонд. eps10 векторная иллюстрация. — красный мазок кисти — графика, -клипарт, -мультфильмы и -символ
Vorlage für Ihre Banner-Text — Strukturlack rot Öl Pinselstrich,…
rote farbe — красный мазок кистью — графика, -клипарт, -мультфильмы и -символ
rote Farbe
Aquarellhintergrund strukturiertes Design
bemalte grunge-streifen-set. Ручная этикетка, фон — красный мазок кисти, графика, клипарт, мультфильмы и символы
Bemalte Grunge-Streifen-Set. Rote Etiketten, Hintergrund
hand gezeichnet rote wellenlinie swoosh text schriftart tail für baseball t-shirt design mit kalligraphie wirbelt — красный мазок кистью сток-графика, -клипарт, -мультфильмы и -символ
Hand gezeichnet rote Wellenlinie swoosh Text Schriftart Tail für…
vektorrealistische farbtuben-, pinsel- und pinselstriche — красный мазок кистью stock-grafiken, -clipart, -cartoons und -symbole
Vektorrealistische Farbtuben-, Pinsel- und Pinselstriche Vektorrealistische Farbtuben-, Pinsel- und Pinselstriche Vektorrealistische Farbtuben, Pinsel- und Pinselstriche Vektorrealistische Farbtuben, Pinsel- und Pinselstriche
9004 Darstellung einer roten Farbtube, Pinsel und Pinselstriche на прозрачном фоне.
grunge designelemente — красный мазок кисти, графика, клипарт, мультфильмы и символы
Grunge Designelemente
Satz von Grunge-Design-Elementen. Rote Texturhintergründe. Фарброллерстрих.
roter farbe pinselstrichen. — красный мазок кисти — графика, -клипарт, -мультфильмы и -символ
Roter Farbe Pinselstrichen.
Векторный гранжевый механический рисунок.
rote farbe fettkreide, набор оттеночных гранж-пинселей, штрихи, пятна, баннер, рахмен, элемент дизайна. — красный мазок кисти, рисунок, -мультфильмы и -символ
Rote Farbe Fettkreide, Tinte Grunge Pinsel Set, Strichen, Flecken,
Ротер Фарбфлексатц. Векторрот Фарбе, Тинтенвекторпинзель-Шпритцер, Пинсел, Контур, Спот, Рахмен или Текстурсаммлунг. Grunge-Pinsel, Hintergründe, Tintenkasten. Баннер, Форма, Etikett, Aufkleber и Abzeichen.
aquarell schlaganfall — красный мазок кисти, графика, клипарт, -мультфильмы и символы
Aquarell Schlaganfall
акварельный рисунок. — красный мазок стоковой графики, -клипарт, -мультфильмы и -символ
Aquarell Farbe Flecken.
vektor rot farbe textur isoliert auf weiß — акриловый баннер для своего дизайна — красный мазок кисти — графика, -клипарт, -мультфильмы и -символ
Vektor rot Farbe Textur isoliert auf weiß — Acryl-Banner für Ihr…
gedenktag plakat. aquarell kunst-pinsel американский флаг. Эриннерн и Эрен. векторная иллюстрация. — красный мазок кисти графика, -клипарт, -мультфильмы и -символ
Gedenktag Plakat. Aquarell Kunst-Pinsel США Американский флаг.
roter grunge structurierter pinselstrichvektoren — красный мазок кистью сток-графика, -клипарт, -мультфильмы и -symbole0004 гемальт гранж-стрейфен. — красный мазок кисти — графика, -клипарт, -мультфильмы и -символ
драгоценный камень гранж-Streifen.
Набор Bemaltes Grunge-Streifen. Rote Beschriftungen, Hintergrund, Farbtextur. Пинсельстрих Вектор. Handgefertigte Designelemente.
индонезийский флаг с пинсельконцептом. frohen indonesischen unabhängigkeitstag. Индонезийский флаг в стиле гранж — красный мазок кисти, графика, клипарт, мультфильмы и символы
Флаг Индонезии с пинселконцептом. Фроэн индонезийский Unabhäng
абстракция ротер и синий гранж фон. пинсельстрихиллюстрация для баннера. kratz- und texturelemente für das design — красный мазок кисти — графика, -клипарт, -мультфильмы и -символ
Abstrakter roter und blue Grunge-Hintergrund….
verkaufsbanner. пинсельстрих-кляксы-рамен. ворлагендизайн. акварель-текстур. гранж-веркауфсбаннер. вектор-иллюстрация — красный мазок кисти графика, -клипарт, -мультфильмы и -символ
Verkaufsbanner. Пинсельстрих-Блотс-Рахмен. Форлагендизайн….
Verkaufsbanner. Пинсельстрих замазывает Рахмена. Форлагендизайн. Акварель-текстур. Гранж-Verkaufsbanner. Vektorillustration
kreisförmige rote striche — красный мазок кистью stock-grafiken, -clipart, -cartoons und -symbole
kreisförmige rote Striche
Lackierte runde rote Striche
rotes öl (lipstic) textur farbe fleck pinselstrich 1hinselstrich isoliert иллюстрация. — красный мазок кисти — графика, -клипарт, -мультфильмы и -символ
Rotes Öl (Lipstic) Textur Farbe Fleck Pinselstrich isoliert auf…
nahtlos wiederholbares muster von leuchtend roten aquarellstreifen. festliche kulisse für design-dekoration, moderne plakat, banner, mode-druck, postkarte. handgezeichnete wasserfarbe grafik malerei auf weiß. — красный мазок кистью -графика, -клипарт, -мультфильмы и -символ
Nahtlos wiederholbares Muster von leuchtend roten…
Handgezeichnete Aquarellillustration.
stern mit einem groben pinsel von hand gezeichnet. гранж, скиз, граффити. — красный мазок кисти — графика, -клипарт, -мультфильмы и -символ
Stern mit einem groben Pinsel von hand gezeichnet. Grunge, Skizze,
Stern von Hand mit einem groben Pinsel gezeichnet. Гранж, Скиззе, Граффити. Векториллюстрация. Schwarzes und rotes isoliertes Symbol.
handgezeichnete herz isoliert. gestaltungselement für liebe konzept. rotes herz skizzenform doodle. — красный мазок кисти — графика, -клипарт, -мультфильмы и -символ
Handgezeichnete Herz isoliert. Gestaltungselement für Liebe…
rote marmorierung mit natürlichen luxus-stil linien aus marmor und goldpulver. вектор. abstrakte malerei, hintergrund für tapeten, poster, karten, einladungen, веб-сайты. — красный мазок кисти — графика, -клипарт, -мультфильмы и -символ
Rote Marmorierung mit natürlichen Luxus-Stil Linien aus Marmor…
Rote Marmorierung mit natürlichen Luxusstillinien aus Marmor und Goldpulver. Векториллюстрация. Abstrakte Malerei, Hintergrund für Tapeten, Poster, Karten, Einladungen, Websites. Группа
Rote Farbe Pinselstrich. урли группа. акрил пинзельстрих. вектор-иллюстрация. элемент дизайна. — красный мазок кисти — графика, -клипарт, -мультфильмы и -символ
Rote Farbe Pinselstrich Band. Урлы Бэнд. Акриловый пинзельстрих….
braust, schwappt & swooshes — ретро-футболка wort kunst typografie — красный мазок стоковой графики, -клипарт, -мультфильмы и -символ Ретро футболка Word Art Typografie
Герцен — красный мазок кисти графика, -клипарт, -мультфильмы и -символ
Герцен
Satz handgezeichneter roter Herzen. Vektordesignelemente, die auf weißem Hintergrund isoliert sind.
doodle häkchen und unterstreicht. handgezeichnete rote striche und stiftmarkierungen v-markierungen für listenelemente. überprüfen und falsche symbole satz von Häkchen. grünes zecken, rotes kreuz, schwarze secke und kreuz. ja oder nein. — красный мазок кисти — графика, -клипарт, -мультфильмы и -символ
Doodle Häkchen und unterstreicht. Handgezeichnete rote Striche…
rote kreise. пинсельстрих. — красный мазок стоковой графики, -клипарт, -мультфильмы и -символ
Rote Kreise. Пинзельстрих.
Satz roter Pinselstrichkreise.
abstraktes gemälde — красный мазок стоковой графики, -clipart, -cartoons und -symbole bunte Schlieren
Wellenförmiger bunter Pinselstrich oder kurvige Bandform der Pinselfarbe, Hintergrundtextur mit Filzstift, Aquarellspur oder abstraktem buntem Abstrich, isoliertes Hintergrundvorlagendesign
галочка и крест-накрест. символы ja унд nein, annehmen oder ablehnen символ вектор-кнопки. — красный мазок кисти — графика, -клипарт, -мультфильмы и -символ
Tick und Kreuz-Zeichen. Symbole ja und Nein, annehmen oder…
set von verschiedenen pinselstrichen. sammlung von geraden und geschwungenen roten pinselstrichen. скиз, акварель, фарб, гранж, спритцер. — красный мазок кистью — графика, -клипарт, -мультфильмы и -символ
Набор фоновых рисунков. Sammlung von geraden und…
Satz verschiedener Pinselstriche. Sammlung von geraden und gebogenen roten Pinselstrichen. Skizze, Aquarell, Farbe, Grunge, Splash. Isolierte Vektorillustration.
roter kreis stift-zeichnung-set. sammlung von verschiedenen roten kreisen. markieren sie handgezeichneten kreis isoliert auf weißem Hintergrund. ручной gezeichnet für markerstift, bleistift, логотип и проверка текста. вектор-иллюстрация. — красный мазок кисти — графика, -клипарт, -мультфильмы и -символ
Roter Kreis Stift-Zeichnung-Set. Sammlung von verschiedenen…
rote stiftmarkerkreise — красный мазок кистью стоковая графика, -клипарт, -мультфильмы и -символ
Rote Stiftmarkerkreise
Rote Farbmarkierung Grunge-Kreis markiert Illustration
mond-symbol — красный мазок кистью стоковая графика, -клипарт, -мультфильмы и — символ
Mond-Symbol
Mondelement. Mondsymbol für Webdesign, Poster, Logo, Banner usw. Модное искусство. Орб Клип-Арт. Монд-Акварель.
Bunte abstrakte pinselstrich auf weißem hintergrund. — красный мазок кисти — графика, -клипарт, -мультфильмы и -символ
Bunte abstrakte Pinselstrich auf weißem Hintergrund.
Spektrum-Aquarell-, Acryloder Gouache-Pinselstrich auf weißem Papierhintergrund. Bunte Farbverlauf Pinsel Design. Абстрактное издание. Векторграфик-иллюстрация.
Абстрактная акварельная кисть, изолированная на белом фоне, абстрактная абстракция, красная синяя палитра, фарбфельдер, современная палочка, декорация — красный мазок стоковой графики, -клипарт, -мультфильмы и -символ0004 bunte aquarellspritzer — красный мазок кисти, графика, клипарт, -мультфильмы и символы — красный мазок кисти — графика, -клипарт, -мультфильмы и -символ
Bunte Vektor Pinselstriche Pinsel.
Bunte Vektorpinselstriche gesetzt. Векториллюстрация.
die hand gezeichnete herzen sammlung — красный мазок кистью стоковая графика, -клипарт, -мультфильмы и -символ
die Hand gezeichnete Herzen Sammlung
Handgezeichnete Herzen Sammlung Vektor-Illustration
презентация, флаер, einladung violett rosa alkohol tinte design. vektor-kunst mit aquarell flussigen spritzer in Weichen Orange Blau Farben. Lila Acryl Marmor flüssiges design. — красный мазок кисти — графика, -клипарт, -мультфильмы и -символ
Презентация, флаер, Einladung violett rosa Alkohol Tinte Design.
Презентация, флаер, Einladung violett rosa Alkohol Tinte Design. Vektorkunst mit Aquarelflüssigkeit Splash в оранжево-оранжевом цвете Farben. Flüssiges Design с Acrylmarmor
Herz — красный мазок кисти, графика, клипарт, мультфильмы и символы
Herz
Herzform, Pinselstrich
вектор абстрактный черный пинзель завиток.