Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Construção de Formulários HTML | Tabelas e Formulários
Fundamentos de HTML

bookConstrução de Formulários HTML

Formulários

Formulários são ferramentas essenciais para coletar dados dos usuários e enviá-los a um servidor para processamento. Eles são compostos por diferentes elementos de formulário que permitem a entrada de dados pelos usuários. No entanto, neste curso, não enviaremos nenhum dado para um servidor, pois isso exige conhecimentos adicionais que estão fora do escopo deste curso.

Todos os exemplos no código possuem o atributo onsubmit="return false". Esse atributo impede que o formulário envie uma requisição ao servidor por padrão.

Criando Formulários

A tag <form> é utilizada para criar um formulário interativo em uma página web. Ela contém diversos elementos de formulário para entrada de dados do usuário.
Exemplo:

<form>
  <!-- Form elements go here -->
</form>

Elementos de Formulário

O HTML oferece vários tipos de entrada para coletar dados do usuário. Cada um possui atributos e comportamentos específicos. Também é possível especificar o rótulo para cada campo de entrada. Os rótulos são usados para associar texto aos elementos de entrada do formulário, proporcionando uma experiência mais acessível e amigável ao usuário. Rótulos e campos de entrada serão abordados em detalhes nos próximos capítulos.
Exemplo:

<form>
  <label for="username">Username:</label>
  <input type="text" id="username" name="username" placeholder="Your username" />
  <label for="password">Password:</label>
  <input type="password" id="password" name="password" placeholder="********" />
</form>

Envio de Formulário

O envio do formulário é realizado por meio de um botão de envio (<button type="submit">), que pode enviar os dados do formulário para o servidor para processamento.
Exemplo:

<form>
  <label for="username">Username:</label>
  <input type="text" id="username" name="username" placeholder="Your username" />
  <label for="password">Password:</label>
  <input type="password" id="password" name="password" placeholder="********" />
  <button type="submit">Submit</button>
</form>

Aqui está um exemplo básico de formulário.

index.html

index.html

copy

Tutorial em Vídeo

question mark

Qual tag é usada para criar um formulário interativo em uma página web?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 4. Capítulo 3

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Awesome!

Completion rate improved to 3.13

bookConstrução de Formulários HTML

Deslize para mostrar o menu

Formulários

Formulários são ferramentas essenciais para coletar dados dos usuários e enviá-los a um servidor para processamento. Eles são compostos por diferentes elementos de formulário que permitem a entrada de dados pelos usuários. No entanto, neste curso, não enviaremos nenhum dado para um servidor, pois isso exige conhecimentos adicionais que estão fora do escopo deste curso.

Todos os exemplos no código possuem o atributo onsubmit="return false". Esse atributo impede que o formulário envie uma requisição ao servidor por padrão.

Criando Formulários

A tag <form> é utilizada para criar um formulário interativo em uma página web. Ela contém diversos elementos de formulário para entrada de dados do usuário.
Exemplo:

<form>
  <!-- Form elements go here -->
</form>

Elementos de Formulário

O HTML oferece vários tipos de entrada para coletar dados do usuário. Cada um possui atributos e comportamentos específicos. Também é possível especificar o rótulo para cada campo de entrada. Os rótulos são usados para associar texto aos elementos de entrada do formulário, proporcionando uma experiência mais acessível e amigável ao usuário. Rótulos e campos de entrada serão abordados em detalhes nos próximos capítulos.
Exemplo:

<form>
  <label for="username">Username:</label>
  <input type="text" id="username" name="username" placeholder="Your username" />
  <label for="password">Password:</label>
  <input type="password" id="password" name="password" placeholder="********" />
</form>

Envio de Formulário

O envio do formulário é realizado por meio de um botão de envio (<button type="submit">), que pode enviar os dados do formulário para o servidor para processamento.
Exemplo:

<form>
  <label for="username">Username:</label>
  <input type="text" id="username" name="username" placeholder="Your username" />
  <label for="password">Password:</label>
  <input type="password" id="password" name="password" placeholder="********" />
  <button type="submit">Submit</button>
</form>

Aqui está um exemplo básico de formulário.

index.html

index.html

copy

Tutorial em Vídeo

question mark

Qual tag é usada para criar um formulário interativo em uma página web?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 4. Capítulo 3
some-alt