Foros del Web » Creando para Internet » HTML »

Accion de formulario nula

Estas en el tema de Accion de formulario nula en el foro de HTML en Foros del Web. Tengo un formulario de emailmeform.com y lo he personalizado con CSS y eliminado el uso de tablas (he dejado los campos iguales), pero a la ...
  #1 (permalink)  
Antiguo 14/08/2010, 14:50
Avatar de virkings  
Fecha de Ingreso: octubre-2009
Mensajes: 14
Antigüedad: 8 años, 1 mes
Puntos: 0
Accion de formulario nula

Tengo un formulario de emailmeform.com y lo he personalizado con CSS y eliminado el uso de tablas (he dejado los campos iguales), pero a la hora de enviar el formulario con el botón "Enviar", este no hace nada. No envia el formulario. No recarga la página ni nada parecido. Quisiera saber porque esto sucede y como solucionarlo.

Este es el código de mi formulario, con su respectivo CSS, que he editado.

Código:
<style type="text/css">
.padall {
    padding:20px;
}
.ddfmwrap {
    display:block;
    margin:20px 0px;
    padding:5px 20px 20px 20px;
    font-family:Helvetica, Arial, sans-serif;
    background:#e6e6e6;
    border:1px solid #aaa;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}
.ddfmwrap input {
    display:block;
    margin:5px 0px 20px 0px;
    width:300px;
    background:#fff;
    border:1px solid #bbb;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    height:20px;
    line-height:30px;
    font-size:1em;
    padding:5px;
}
.ddfmwrap textarea {
    display:block;
    margin-top:5px;
    padding:5px;
    background:#fff;
    border:1px solid #bbb;
    width:500px;
    height:150px;
    font-size:1.1em;
    font-family:Helvetica, Arial, sans-serif;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    resize: none;
}
.ddfmwrap label {
    font-size:.8em;
    font-weight:bold;
    color:#555;
}
.ddfmwrap span {
    font-size:.8em;
    font-style:italic;
    color:#777;
}
.ddfmwrap span strong {
    color:#555;
}
.ddfmwrap span a {
    color:#326a9a;
}
.ddfmwrap span a:hover {
    color:#000;
}
.ddfmwrap .submit input, .ddfmwrap button {
    height:42px;
    font-family:Helvetica, Arial, sans-serif;
    font-size:.9em;
    width:200px;
    background-color:#dedede;
    background-repeat:repeat-x;
    background-position:0 -540px;
    border:1px solid #c4c4c4;
    color:#545454;
    text-shadow:1px 1px 0px #fff;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    font-weight:bold;
    line-height:40px;
    cursor:pointer;
}
.ddfmwrap .submit input:hover, .ddfmwrap button:hover {
    background-position:0 -900px;
    color:#fff;
    text-shadow:-1px -1px 0px #565656;
    border:1px solid #484848;
}
.ddfmwrap p {
    font-size:.9em;
}
.ddfmwrap .submit input, .ddfmwrap button, .ddfmwrap .submit input:hover, .ddfmwrap button:hover     {
    background-image:url(images/nav-bars.png);
}
</style>
<h2>Contactanos</h2>
<div class="padall">
<div class="ddfmwrap">
<form id="emf-form" enctype="multipart/form-data" method="POST" action="http://www.emailmeform.com/builder/form/101953">
    <div style="text-align: right;"><img alt="" src="http://tutorial9.net/wp-content/themes/leviticus/stylesheets/images/pencil.png" class="alignright" /></div>
    <p class="fieldwrap" style="text-align: left;"><label for="fm_name"><span class="required">*</span> Nombre</label><input type="text" id="element_0" name="element_0" value="" size="30" class="validate[required]" autofocus="" /></p>
    <p class="fieldwrap" style="text-align: left;"><label for="fm_email"><span class="required">*</span>  Email</label><input type="text" id="element_1" name="element_1" value="" size="30" class="validate[required]" /></p>
    <p class="fieldwrap" style="text-align: left;"><label for="fm_subject"><span class="required">*</span> Tema</label><input type="text" id="element_2" name="element_2" value="" size="30" class="validate[required]" /></p>
    <p class="fieldwrap" style="text-align: left;"><label for="fm_message"><span class="required">*</span>  Mensaje</label></p>
</form>
<p><textarea id="element_3" name="element_3" cols="45" rows="10" class="validate[required] "></textarea></p>
<div class="submit"><input type="hidden" name="element_counts" value="4" /><input type="submit" value="Enviar" /></div>
</div>
</div>
Este es el código del formulario original, el que me ha dado emailmeform.com

Código:
<form action="http://www.emailmeform.com/builder/form/101953" method="post" enctype="multipart/form-data" id="emf-form">
    <table cellspacing="0" cellpadding="2" border="0" bgcolor="#ffffff" style="text-align: left;">
        <tbody>
            <tr>
                <td colspan="2" style=""><font face="Verdana" color="#000000" size="2"><br />
                </font></td>
            </tr>
            <tr valign="top">
                <td align="left" style=""><font face="Verdana" color="#000000" size="2"><b>Nombre</b></font><span style="color: red;"><small>*</small></span></td>
                <td style=""><input type="text" class="validate[required]" size="30" value="" name="element_0" id="element_0" />
                <div style="padding-bottom: 8px; color: rgb(0, 0, 0);">&nbsp;</div>
                </td>
            </tr>
            <tr valign="top">
                <td align="left" style=""><font face="Verdana" color="#000000" size="2"><b>Email</b></font><span style="color: red;"><small>*</small></span></td>
                <td style=""><input type="text" size="30" value="" class="validate[required,custom[email]]" name="element_1" id="element_1" />
                <div style="padding-bottom: 8px; color: rgb(0, 0, 0);">&nbsp;</div>
                </td>
            </tr>
            <tr valign="top">
                <td align="left" style=""><font face="Verdana" color="#000000" size="2"><b>Tema</b></font><span style="color: red;"><small>*</small></span></td>
                <td style=""><input type="text" class="validate[required]" size="30" value="" name="element_2" id="element_2" />
                <div style="padding-bottom: 8px; color: rgb(0, 0, 0);">&nbsp;</div>
                </td>
            </tr>
            <tr valign="top">
                <td align="left" style=""><font face="Verdana" color="#000000" size="2"><b>Mensaje</b></font><span style="color: red;"><small>*</small></span></td>
                <td style=""><textarea class="validate[required] " rows="10" cols="45" name="element_3" id="element_3"></textarea>
                <div style="padding-bottom: 8px; color: rgb(0, 0, 0);">&nbsp;</div>
                </td>
            </tr>
            <tr>
                <td align="left" colspan="2"><input type="hidden" value="4" name="element_counts" /><input type="submit" value="Enviar" /><input type="reset" value="Borrar" /></td>
            </tr>
        </tbody>
    </table>
</form>
<div><font face="Verdana" color="#000000" size="2">Powered by</font><span style="position: relative; padding-left: 3px; bottom: -5px;"><img src="http://www.emailmeform.com/builder/images/footer-logo.png" alt="" /></span><font face="Verdana" color="#000000" size="2">EMF </font><a target="_blank" href="http://www.emailmeform.com" style="text-decoration: none;"><font face="Verdana" color="#000000" size="2">HTML Forms</font></a></div>
Gracias, y espero que me puedan ayudar.
  #2 (permalink)  
Antiguo 14/08/2010, 15:39
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 9.741
Antigüedad: 9 años, 4 meses
Puntos: 2113
Respuesta: Accion de formulario nula

El cierre del formulario </form> debe ir al final de todos los campos, debajo del div que contiene el boton "Enviar".

Código HTML:
Ver original
  1. </form>
  2. <p><textarea id="element_3" name="element_3" cols="45" rows="10" class="validate[required] "></textarea></p>
  3. <div class="submit"><input type="hidden" name="element_counts" value="4" /><input type="submit" value="Enviar" /></div>
  4. </div>
__________________
- León, Guanajuato
- GV-Foto
  #3 (permalink)  
Antiguo 14/08/2010, 17:03
Avatar de virkings  
Fecha de Ingreso: octubre-2009
Mensajes: 14
Antigüedad: 8 años, 1 mes
Puntos: 0
Respuesta: Accion de formulario nula

que falla tan grande (sarcasmo)

Muchas gracias Triby

Etiquetas: formulario, acciones
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:05.