Entrada de Dados

<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>

<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:

<input type="text">

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

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>).

<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.

<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>
PreviousFormataçãoNextListas

Last updated