А в ней есть хорошие привычки, которые остаются полезными независимо от того, с помощью какого стека инструментов вы разрабатываете приложение. <body> <form class="auth-form"> <div class="auth-form__group"> <label for="auth">Электронная почта или телефон</label> <input id="auth" type="text" autocapitalize="off"> </div> <div class="auth-form__group"> <label for="password">Пароль</label> <input id="password" type="password"> </div> <div class="auth-form__group"> <button>Войти</button> </div> </form> </body>Перейдём к другому примеру. <body> <form class="auth-form"> <div class="auth-form__group"> <label for="auth">Код из пуш-уведомления</label> <input id="auth" type="text" inputmode="numeric"> </div> <div class="auth-form__group"> <button>Войти</button> </div> </form> </body>Отдельно вспомню про значение tel . Раньше его добавляли, когда пользователь должен был ввести цифры, как в нашем примере. <body> <!-- другие элементы --> <div class="_avatars_14z1h_8" data-size="medium"> <div class="_container_14z1h_14" data-visible="true"> <div class="_avatar_14z1h_8" data-is-bordered="true"> <img class="_image_14z1h_80" alt="Участник сообщества 1" loading="eager" src="https://opis-cdn.tinkoffjournal.ru/ugc_njlsbm_userpic?preset=icon_30x30_2x"> </div> <div class="_avatar_14z1h_8" data-is-bordered="true"> <img class="_image_14z1h_80" alt="Участник сообщества 2" loading="eager" src="https://opis-cdn.tinkoffjournal.ru/ugc_esqa7hjeiyrv_userpic?preset=icon_30x30_2x"> </div> <div class="_avatar_14z1h_8" data-is-bordered="true"> <img class="_image_14z1h_80" alt="Участник сообщества 3" loading="eager" src="https://opis-cdn.tinkoffjournal.ru/ugc_ttjpsw_userpic?preset=icon_30x30_2x"> </div> </div> </div> <!-- другие элементы --> </body>Для каждого элемента img объявлен текст «Участник сообщества», а в конце него добавлена цифра, обозначающая порядковый номер.