Как исправить ошибку?

Question

[tosster22]

Здравствуйте. Подскажите, как исправить ошибку:
he label element may contain at most one button, input, meter, output, progress, select, or textarea descendant.
Выдается она на такой строчке кода:

<button class="search-submit search__pos"><i class="fa fa-search"></i></button>

Comments

[Rustam Bainazarov]

Более полный код? У вас ошибка выше. Вам тут просто указание дали, что внутри тега label может только один button, input, meter, output, progress, select, или textarea (на выбор).

Может, где-то не закрыли label. Или внутри одного label существуют, к примеру, два button или button + textarea.

[tosster22]

Рустам Байназаров,

<label>
	<input type="search" class="search-field" placeholder="Поиск по сайту..." value="" name="s">
	<button class="search-submit search__pos"><i class="fa fa-search"></i></button>
</label>

Это код который выдает для поиска wordpress

[Rustam Bainazarov]

tosster22, ну вот вам и ответ, собственно. Внутри label должен быть либо input, либо button.

Но не оба сразу.

[tosster22]

Рустам Байназаров, так что не так если не брать во внимание wordpress, а говорить только про структуру html?

[Rustam Bainazarov]

tosster22, прочитайте ещё раз текст моих комментариев.

[Rustam Bainazarov]

tosster22, вот так должно быть:

<label>
  <input type="search" class="search-field" placeholder="Поиск по сайту..." value="" name="s">
</label>
<button class="search-submit search__pos"><i class="fa fa-search"></i></button>

[tosster22]

Рустам Байназаров, я првавильно понимаю, что должен быть либо input или button и вместе нельзя их использовать?

[Rustam Bainazarov]

tosster22, именно.

Внутри label должен быть только один элемент из этого списка:
button, input, meter, output, progress, select, or textarea

[tosster22]

Рустам Байназаров, спасибо

[Rustam Bainazarov]

tosster22, не за что! Пишу ответ ответ, чтобы не висело. Плюс, самолюбие потешу.

Answer 1

[Rustam Bainazarov]

Ошибка указывает на то, что внутри тега label может только один button, input, meter, output, progress, select, или textarea (на выбор).

Вот так неверно:

<label>
  <input type="search" class="search-field" placeholder="Поиск по сайту..." value="" name="s">
  <button class="search-submit search__pos"><i class="fa fa-search"></i></button>
</label>

А вот так верно:

<label>
  <input type="search" class="search-field" placeholder="Поиск по сайту..." value="" name="s">
</label>
<button class="search-submit search__pos"><i class="fa fa-search"></i></button>