mirror of
https://github.com/SrIzan10/edicion-en-html.git
synced 2026-06-28 03:12:25 +00:00
154 lines
4.9 KiB
HTML
154 lines
4.9 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
|
|
<html lang="es-es">
|
|
<head>
|
|
<title>Antispam</title>
|
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="../nvu2005.css">
|
|
|
|
<!-- compliance patch for microsoft browsers --><!--[if lt IE 7]>
|
|
<script src="../ie7/ie7-standard-p.js" type="text/javascript"></script>
|
|
<![endif]-->
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
<div id="localizador">
|
|
<p>Formularios>>Antispam</p>
|
|
|
|
</div>
|
|
<div id="flechadcha">
|
|
<a href="formularios4.html" title="avanzar"><img src="../Images/flechadcha.gif" border="0"></a>
|
|
</div>
|
|
<div id="flechaizq">
|
|
<a href="formularios2.htm" title="retroceder"><img src="../Images/flechaizq.gif" border="0"></a>
|
|
</div>
|
|
|
|
|
|
<div id="contenido">
|
|
|
|
<h2>
|
|
Ocultar la dirección de correo en los formularios</h2>
|
|
|
|
<p>Cuando
|
|
explicamos los vínculos hicimos hincapié en la
|
|
importancia de proteger
|
|
las direcciones de correo electrónico para evitar su
|
|
localización e
|
|
incorporación a bases de datos para el envío de
|
|
spam.</p>
|
|
|
|
<p>Uno de los
|
|
procedimientos utilizados era el de disfrazarla incorporando un trozo
|
|
de texto y la indicación de que hay que borrarlo, pero
|
|
parece que este
|
|
procedimiento no sería adecuado en el caso de formularios.
|
|
Ello nos
|
|
obliga a recurrir a la utilización del script que ya
|
|
utilizamos para
|
|
confeccionar las direcciones de los enlaces de correo.</p>
|
|
|
|
<p>Su
|
|
aplicación, en este caso, se basaría en la
|
|
construcción de la etiqueta
|
|
de apertura del formulario en la que incluimos la dirección
|
|
de correo a
|
|
la que se enviarán los datos. Posiblemente la forma
|
|
más cómoda de
|
|
hacerlo sea construyendo el formulario mediante el uso de las
|
|
herramientas gráficas, ya que esto nos brinda la referencia
|
|
visual de
|
|
la zona que abarca el mismo, para finalizar sustituyendo la
|
|
etiqueta de
|
|
apertura por el código que la genera de forma
|
|
dinámica mediante
|
|
javascript.</p>
|
|
|
|
<br>
|
|
|
|
<div class="codigo">
|
|
<p>La aplicación de esta técnica nos
|
|
llevaría a sustituir el código normal
|
|
que se habría generado durante la creación del
|
|
formulario con los
|
|
asistentes que nos brinda el programa:</p>
|
|
|
|
<p><code><form
|
|
action="mailto:nombre@dominio.de.correo" method="post"
|
|
enctype="text/plain"></code></p>
|
|
|
|
<p><code></code> por el mismo código pero
|
|
generado de forma dinámica mediante un script</p>
|
|
|
|
<p><code><script language="JavaScript"> </code></p>
|
|
|
|
<p style="text-align: left;"><code>document.write('<form
|
|
action="mail' + 'to:' + 'nombre' + '@' + 'dominio.de.correo" ' +
|
|
'method="post" enctype="text/plain">')</code></p>
|
|
|
|
<code></script></code></div>
|
|
|
|
<div class="avisos">
|
|
<p>La única dificultad que puede presentar esta
|
|
técnica
|
|
es la confusión entre las comillas simples y las dobles:
|
|
dado que el
|
|
código que debemos generar incluye comillas dobles
|
|
utilizamos comillas
|
|
simples para encerrar los diferentes fragmentos que se irán
|
|
concatenando para crear la etiqueta completa. </p>
|
|
|
|
<p>Fíjate que la parte de la dirección
|
|
correspondiente al dominio de correo la cerramos, primero
|
|
con una comilla doble que será la que se incluya al generar
|
|
la
|
|
etiqueta, luego un espacio que lo separa de lo siguiente y, por
|
|
último una comilla simple
|
|
que es la que indica que finaliza ese trozo que se tiene que
|
|
añadir a
|
|
lo anterior y a lo posterior</p>
|
|
|
|
</div>
|
|
|
|
<div class="practicas">
|
|
<img class="numact" style="width: 29px; height: 29px; float: left;" alt="Actividad 69" title="Actividad 69" src="../imagenes/numeracion/sesentaynueve.gif">
|
|
<ul>
|
|
|
|
<li>Pulsa el
|
|
botón <img style="width: 73px; height: 41px;" alt="Formulario" title="Formulario" src="imagenes/icoformulario.png">
|
|
para definir un formulario que se envíe a tu
|
|
dirección de correo electrónico.</li>
|
|
|
|
<li>Para no complicarte mientras haces la primera prueba puedes
|
|
completarlo con dos controles: una entrada de texto de una
|
|
línea
|
|
y un botón de envío.</li>
|
|
|
|
<li>Una vez finalizada la creación
|
|
gráfica
|
|
pasa a la pestaña <img style="width: 99px; height: 21px;" alt="Código fuente" title="Código fuente" src="../imagenes/pestanacodigofuente.png">
|
|
o utiliza la opción de menú <span class="refmenu">insertar </span><img class="refmenu" src="../imagenes/flechamenu.png" height="13" width="14"><span class="refmenu">
|
|
html</span>
|
|
y sustituye la etiqueta de apertura del formulario por el javascript
|
|
que lo genera. (Puedes minimizar el riesgo de errores copiando el
|
|
código que proponemos y sustituyendo en él los
|
|
datos de
|
|
nombre y dominio de correo por los que corresponden a tu
|
|
dirección)</li>
|
|
|
|
<li>Guarda el archivo como <strong>actividad68.html</strong>,
|
|
ábrelo en un navegador y ejecuta el formulario para
|
|
comprobar que se envía correctamente.<br>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<br>
|
|
</div>
|
|
</body>
|
|
</html>
|