Botões em Formulários

Parte da seção Fundamentals do Journey de HTML da Coddy. Lição 45 de 60.

Os botões desempenham um papel fundamental em formulários, onde ajudam a enviar dados ou redefinir campos. Vejamos como eles funcionam:

<form>
	<input type="text" name="username" placeholder="Enter username">
	<button type="submit">Submit</button>
</form>

<form>
	<input type="text" name="name" value="John Doe">
	<button type="reset">Reset</button>
</form>

Desafio

Fácil

Crie um documento HTML que inclua um formulário com diferentes tipos de botões. O formulário deve ter os seguintes elementos:

Um campo de entrada de texto com o name "message" e um placeholder que diz "Enter your message".
Adicione um botão de envio (<button type="submit">) com o texto "Send".
Adicione um botão de redefinição (<button type="reset">) com o texto "Clear".
Adicione um botão genérico (<button>) com o texto "Click Me".

Experimente você mesmo

<!DOCTYPE html>
<html>
    <body>
        <!-- Escreva o código aqui -->
    </body>
</html>

Teste seus conhecimentos

Esta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.

Todas as lições de Fundamentals

1Fundamentos do HTML

4Cartão de Receita

7Página de Perfil Pessoal

10Tabelas

2Texto e Formatação

5Adicionando Conteúdo

8Formulários e Inputs Parte 1

11Página de Inscrição de Evento

3Trabalhando com Listas

6Layout da Página

9Formulários e Inputs Parte 2

12Desafios Finais

Pratique por conta própria: Playground de Web