CriarWeb.com > Manuais > Workshop de HTML / Ajudas técnicas

O objetivo deste workshop de HTML consiste em colocar um pequeno formulário para que as pessoas que visitam nossa web possam pontua-la rapidamente. Trata-se de um exemplo de recurso simples que pode ser obtido utilizando somente um pouco de HTML. A simplicidade é bela e compatível com os distintos navegadores, vejamos então o efeito que pretendemos conseguir.

Valora esta web

1 2 3 4 5 6 7 8 9 10

Como pode ser visto à direita, o formulário nos propõem que pontuemos a página e ao lado temos um botão para mandar a tal pontuação ao webmaster do site.

Nota: este exemplo só funciona se o visitante tiver configurado o correio eletrônico em seu computador. A pontuação será enviada por correio eletrônico à pessoa que se indique no formulário, tal como veremos mais adiante. Se um usuário não tiver correio eletrônico configurado em seu computador com o Outlook Express, Netscape Composer, Eudora ou outro parecido, a mensagem não poderá ser enviada. Pode acontecer da mensagem ser criada, mas não ser enviada se não tivermos e-mail... sendo assim, poderia ser encontrada provavelmente na caixa de saída do programa de correio. Para criar um sistema que não funcione através do correio eletrônico do visitante e conseguir inclusive que os que não têm correio possam pontuá-la, necessitaremos utilizar algum recurso avançado como CGI, ASP ou PHP, mas isso é outro assunto.

Não pretendemos explicar neste artigo os formulários em HTML, já que em CriarWeb.com há descrições suficientes sobre seu funcionamento. Para aqueles que não conhecem os formulários recomendamos a leitura da seqüência de artigos sobre este tema no manual de HTML.

O código deste exemplo é tão simples como este:

<form action="mailto:xxx@tudominio.br" method="post" enctype="text/plain">
   Pontue esta web<br>
    <select name="Pontuacao">
       <option>1</option>
       <option>2</option>
       <option>3</option>
       <option>4</option>
       <option>5</option>
       <option>6</option>
       <option>7</option>
       <option>8</option>
       <option>9</option>
       <option>10</option>
    </select>
    <input type="submit" value="Enviar">
</form>

Pode-se copiar e colar na página o que desejar. A única linha que teria que ser modificada é a da etiqueta <FORM>, onde temos que mudar o endereço de e-mail do atributo action pelo endereço onde quisermos que chegue o correio com a pontuação.

Se quisermos que o correio chegasse a eu@meudominio.com colocaríamos nosso atributo action assim:

action="malito:eu@meudominio.com"

Isso é tudo. Espero que o recurso tenha sido interessante e prático para vocês.