> Manuales > Taller de HTML

Vemos un interesante taller de HTML donde ofrecemos al visitante de nuestra web un formulario rápido para valorar nuestra web.

El objetivo de este taller de HTML consiste en colocar un pequeño formulario para que las personas que visitan nuestro web puedan valorarlo rápidamente. Se trata de un ejemplo de recurso sencillísimo que se puede obtener con sólo utilizar un poco de HTML. La sencillez es belleza y compatibilidad con los distintos navegadores, así que veamos sin más el efecto que pretendemos conseguir.

Valora esta web
Como se puede ver a la derecha, el formulario nos propone que valoremos la página y al lado tenemos un botón para mandar la dicha valoración al webmaster del sitio.

Nota: este ejemplo sólo funciona si el visitante tiene configurado el correo electrónico en su ordenador.

La valoración se enviará por correo electrónico a la persona que se indique en el formulario, tal como veremos más adelante. Si un usuario no tiene correo electrónico configurado en su ordenador con el Outlook Express, Netscape Composer, Eudora o similar el mensaje no se podrá enviar.

Puede darse el caso de que el mensaje se cree, pero no se enviará si no tenemos email... así que probablemente lo podamos encontrar en la bandeja de salida del programa de correo.

Para crear un sistema que no funcione a través del correo electrónico del visitante y conseguir así que incluso los que no tienen correo puedan valorarte, necesitaremos utilizar algún recurso avanzado como CGI, ASP o PHP, pero eso es otro tema.

No pretendo explicar en este artículo los formularios en HTML, ya que en DesarrolloWeb.com hay descripciones suficientes sobre su funcionamiento. Para el que no conozca los formularios recomiendo la lectura varios artículos en el manual de HTML.

El código de este ejemplo es tan sencillo como este:

<form action="mailto:xxx@tudominio.es" method="post" enctype="text/plain">
   Valora esta web<br>
    <select name="Valoracion">
       <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>

Se puede copiar y pegar en la página que lo desees. La única línea que habría que modificar es la de la etiqueta <FORM>, donde tenemos que cambiar la dirección de email del atributo action por la dirección donde queramos que llegue el correo con la valoración.

Si quisiésemos que el correo le llegase a yo@midominio.com pondríamos así nuestro atributo action:

action="malito:yo@midominio.com"

Eso es todo. Espero que os haya parecido interesante y práctico el recurso.

José Manuel Cerrato Bartolomé

Manual