> For the complete documentation index, see [llms.txt](https://uclsanca.gitbook.io/learn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://uclsanca.gitbook.io/learn/web-basico/html/principais-tags/entrada-de-dados.md).

# Entrada de Dados

{% tabs %}
{% tab title="Código" %}

```markup
<head>
    <title>Exemplo</title>
</head>
<body>
    <input type="text">
    <input type="submit" value="Enviar">
    <button>Eu sou um botão!</button>
    <form action="/action_page.php">
        <!-- Ao clicar em "Enviar de novo" a informação do forms
        irá para um servidor chamado "action_page.php" -->
        <input type="text"><br><br>
        <input type="enviar" value="Enviar de novo">
    </form>
</body>
</html>
```

{% endtab %}
{% endtabs %}

**\<input>** — Essa tag é utiliza para a entrada de informação. Para definir o tipo de informação que se irá receber, você irá utilizar o atributo "type". Por exemplo, se você quiser criar um espaço para que o usuário entre um texto, você irá digitar:

```markup
<input type="text">
```

**\<button>** — Essa tag é utilizada para criar um elemento clicável, ou seja, um botão!

{% hint style="info" %}
Porque existe uma tag de botão se é possível criar o mesmo efeito com a tag \<input>?

Dentro da tag \<button> é possível colocar texto e outras tag (como \<img>).
{% endhint %}

**\<form>** — Irá criar uma seção na sua página que irá conter outras tag que irão interagir e permitir que o usuário submeta informações a um determinado servidor WEB. O atriubuto "action" irá receber a URL do programa que irá processar a informação.

## Exemplo

Abaixo mostramos um exemplo de como essas tags devem ser escritas. Na aba "Código" está o código, e na aba "Resultado" está a página resultante.

{% tabs %}
{% tab title="Código" %}

```markup
<head>
    <title>Exemplo</title>
</head>
<body>
    <input type="text">
    <input type="submit" value="Enviar">
    <button>Eu sou um botão!</button>
    <form action="/action_page.php">
        <input type="text"><br><br>
        <input type="submit" value="Enviar de novo">
        <!-- Ao clicar em "Enviar de novo" a informação do forms
        irá para um servidor chamado "action_page.php" -->
    </form>
</body>
</html>
```

{% endtab %}

{% tab title="Exemplo" %}
![](https://552011742-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEJ_IxNzk9of-u9NQeq%2F-MKuyKdg-9spyYWodyY_%2F-MKvbjGrFo4sCDxgZYdn%2Fimage.png?alt=media\&token=dbcb683d-0163-4d6f-8296-9fc9760b41d5)
{% endtab %}
{% endtabs %}
