Skip to content

Commit

Permalink
Apply suggestions from code review
Browse files Browse the repository at this point in the history
Co-authored-by: Josiel Rocha <[email protected]>
  • Loading branch information
SphinxKnight and josielrocha committed Oct 6, 2022
1 parent 4172645 commit dc67e28
Showing 1 changed file with 4 additions and 4 deletions.
8 changes: 4 additions & 4 deletions files/pt-br/learn/forms/your_first_form/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -50,7 +50,7 @@ Todos formulários HTML começam com um elemento {{HTMLElement("form")}} como es

Este elemento define um formulário. É um elemento de container como um elemento {{HTMLElement ("div")}} ou {{HTMLElement ("p")}} , mas ele também suporta alguns atributos específicos para configurar a forma como o formulário se comporta. Todos os seus atributos são opcionais, mas é considerada a melhor prática sempre definir pelo menos o atributo `action `e o atributo `method`.

- O atributo \_**action** \_define o local (uma URL) em que os dados recolhidos do formulário devem ser enviados.
- O atributo _**action**_ define o local (uma URL) em que os dados recolhidos do formulário devem ser enviados.
- O atributo _**method**_ define qual o método HTTP para enviar os dados (ele pode ser "**GET**" ou "**POST**" (veja as diferenças [aqui](http://www.comocriarsites.com/html/como-funciona-os-metodos-get-e-post-diferencas/)).

Se você quiser se aprofundar em como esses atributos funcionam, está detalhado no artigo [Enviando e recebendo dados de um formulário](/pt-BR/docs/HTML/Forms/Sending_and_retrieving_form_data)
Expand Down Expand Up @@ -82,7 +82,7 @@ Os elementos {{HTMLElement ("div")}} estão lá para estruturar nosso código e

No elemento {{HTMLElement ("input")}} , o atributo mais importante é o atributo `type`. Esse atributo é extremamente importante porque define a forma como o elemento {{HTMLElement ("input")}} se comporta. Ele pode mudar radicalmente o elemento, então preste atenção a ele. Se você quiser saber mais sobre isso, leia o artigo [native form widgets](/pt-BR/docs/HTML/Forms/The_native_form_widgets "/en-US/docs/HTML/Forms/The_native_forms_widgets"). Em nosso exemplo, nós usamos somente o `type="text",` valor padrão para este atributo. Ele representa um campo de texto com uma única linha que aceita qualquer tipo de texto sem controle ou validação. Nós também usamos o `type="email"` que define um campo de texto com uma única linha que só aceita um endereço de e-mail bem-formados. Este último valor torna um campo de texto básico em uma espécie de campo "inteligente", que irá realizar alguns testes com os dados digitados pelo usuário. Se você quiser saber mais sobre a validação de formulário, detalharemos melhor no artigo [Validação de dados de formulário](/pt-BR/docs/HTML/Forms/Data_form_validation).

Por último, mas não menos importante, observe a sintaxe de `<input /> `e `<textarea> </ textarea>.` Esta é uma das esquisitices do HTML. A tag** `<input />` **é um elemento que se auto-fecha, o que significa que se você quiser encerrar formalmente o elemento, você tem que adicionar uma barra "**/**" no final do próprio elemento e não uma tag de fechamento. No entanto, o tipo {{HTMLElement ("textarea")}} não é um elemento de auto-fechamento, então você tem que fechá-lo com a tag final adequada. Isso tem um impacto sobre um recurso específico de formulários HTML: a maneira como você define o valor padrão. Para definir o valor padrão de um elemento {{HTMLElement ("input")}} você tem que usar o atributo `value `como este:
Por último, mas não menos importante, observe a sintaxe de `<input /> `e `<textarea> </ textarea>.` Esta é uma das esquisitices do HTML. A tag **`<input />`** é um elemento que se auto-fecha, o que significa que se você quiser encerrar formalmente o elemento, você tem que adicionar uma barra "**/**" no final do próprio elemento e não uma tag de fechamento. No entanto, o tipo {{HTMLElement ("textarea")}} não é um elemento de auto-fechamento, então você tem que fechá-lo com a tag final adequada. Isso tem um impacto sobre um recurso específico de formulários HTML: a maneira como você define o valor padrão. Para definir o valor padrão de um elemento {{HTMLElement ("input")}} você tem que usar o atributo `value `como este:

```html
<input type="text" value="Por padrão, este elemento será preenchido com este texto " />
Expand Down Expand Up @@ -120,7 +120,7 @@ O nosso formulário está quase pronto; nós temos apenas que adicionar um botã

Um botão pode ser de três tipos: **`submit`**, **`reset`**, ou **`button`**.

- Um clique sobre um botão de **`submit` **envia os dados do formulário para a página de web definida pelo atributo **`action `**do elemento {{HTMLElement ("form")}} .
- Um clique sobre um botão de **`submit`** envia os dados do formulário para a página de web definida pelo atributo **`action`** do elemento {{HTMLElement ("form")}} .
- Um clique sobre um botão de **`reset `**redefine imediatamente todos os campos do formulário para o seu valor padrão. De um ponto de vista na usabilidade do usuário(UX), isso é considerado uma má prática.
- Um clique em um botão do tipo **`button`** faz ...ops, nada! Isso soa bobo, mas é incrivelmente útil para construir botões personalizados com JavaScript, ou seja, ele pode assumir qualquer comportamento através desta linguagem.

Expand Down Expand Up @@ -239,7 +239,7 @@ O elemento {{HTMLElement("form")}} definirá onde e como enviar os dados, graça

Mas não é o suficiente. Nós também precisamos dar um nome a nossos dados. Esses nomes são importantes em ambos os lados; no lado do navegador, ele informa ao navegador que nome dar a cada pedaço de dados, e no lado do servidor, ele permite que o servidor lidar com cada pedaço de dados pelo nome.

Então, para nomear seus dados, você precisará usar o atributo \_**`name `**\_em cada campo do formulário que irá recolher uma parte específica dos dados:
Então, para nomear seus dados, você precisará usar o atributo _**`name`**_ em cada campo do formulário que irá recolher uma parte específica dos dados:

```html
<form action="/pagina-processa-dados-do-form" method="post">
Expand Down

0 comments on commit dc67e28

Please sign in to comment.