Как поместить input внутрь anchor, чтобы при клике по инпуту не срабатывал anchor?

Question

[Dies Irae]

<a>
    <input type="text">
    Some Text
</a>

При клике по инпуту - срабатывает клик и по <a>. Как-то можно этого избежать?
CodePen

Answer 1

[Андрей Ежгуров]

Размещать <input> внутри <a> запрещено стандартом html. Внутри ссылки не должно быть "интерактивных" тегов.

Answer 2

[Антон Иванов]

Чтобы этого избежать, лучше так не делать. Блочным элементам не место внутри строчных. Семантика однако.

Рекомендую вам пересмотреть структуру вашего HTML.

Comments

[Ankhena]

1. input - не блочный элемент
2. поменять display вообще не проблема

И дело тут не в блочности, а в спецификации, которая запрещает вкладывать input в ссылки.