No formulário abaixo, clicar no texto auxiliar do campo de texto (“Nome”, “E-mail”, “Telefone de contato”) deveria dar foco ao respectivo campo, mas isso não está acontecendo. Altere o código abaixo para que esse problema seja corrigido.
<form>
<div>
Nome
<input name="name">
</div>
<div>
E-mail
<input name="email">
</div>
<div>
Telefone de contato
<input name="tel">
<button id="modal">
Saiba mais sobre porque pedimos telefone
</button>
</div>
<button>Enviar</button>
</form>
Apenas inclua um label que englobe cada texto auxiliar e seu respectivo campo.
Ainda no formulário da questão anterior, o botão com id “modal” está enviando o formulário ao ser clicado, mas não deveria. Altere o código novamente para corrigir este problema.
Apenas inclua no <button> do "Saiba mais sobre porque pedimos telefone" o seu tipo: type="button".
Escolha com sabedoria! Crie um novo arquivo HTML e, para cada uma das opções abaixo, crie uma nova tag <input> e escolha um dos métodos de entrada (select, textarea ou input). Além disso, não se esqueça de usar o type e o inputmode mais apropriados, quando aplicável.