I can not fill out the form on mobile

Question

I can not fill out the form on mobile

Navigation

#1 by (1 votes)
#2 by (1 votes)

1

develop a portal with bootstrap, but in the contacts section I do not see the mobile keyboard to fill it, it's like it was blocked.

Someone can help me, because from the browser it's normal, but from the phone it will not let me.

http://svconstructions.com.ec/sv/contactos.php

Here is the code of the section

<section class="contact-form wow fadeInUp">
    <div class="container">
        <div class="row">
            <div class="col-md-9">
                <form>
                    <div class="form-group">
                        <label>Name</label>
                        <input type="text" name="">
                    </div>
                    <div class="form-group  full-width">
                        <input type="text" name="" style="border:solid 1px #000" placeholder="Nombres">
                    </div><!-- end form-group -->
                    <div class="form-group  full-width">            
                        <input type="text" name="s" style="border:solid 1px #000" placeholder="Correo Electrónico">
                    </div><!-- end form-group -->
                    <div class="form-group full-width">
                        <input type="text" name="s" style="border:solid 1px #000" placeholder="Teléfono">
                    </div>
                    <div class="form-group full-width">              
                        <input type="text" name="" style="border:solid 1px #000" placeholder="Ciudad o Sector">
                    </div><!-- end form-group -->
                    <div class="form-group full-width">             
                        <input type="text" name="s" style="border:solid 1px #000" placeholder="Asunto">
                    </div><!-- end form-group -->
                    <div class="form-group full-width">            
                        <textarea name="s" style="border:solid 1px #000" placeholder="Mensaje"></textarea>
                    </div><!-- end form-group -->
                    <div class="form-group">
                        <p> <a href="#" class="site-btn">Enviar</a></p>
                    </div><!-- end form-group -->
                </form>
            </div>
            <div class="col-md-3 wow fadeInUp">
                <div class="title-box">
                    <!--  <h5>Moctezuma s/n y Caupolican</h5> -->
                    <h3>DATOS DE CONTACTO</h3>
                    <span></span> 
                </div><!-- end title-box -->
                    <address>

                        <p> <b>Dirección:</b> <br>Calle Moctezuma s/n y Avenida
                        Los Andes. <br> Sector Monay Shopping - Totoracocha <br><b>
                        Teléfono:</b><br> +593 7 828282<br><b>Correo Electrónico:</b> 
                        [email protected]<br><br>Cuenca - Ecuador</p><br>

                    </address>
           </div><!-- end col-12 --> 
        </div><!-- end row --> 
    </div><!-- end container --> 
</section>

html bootstrap

asked by Alldesign Web 01.10.2016 в 22:06

source

2 answers

1

At first glance I can see that you have declared the form but you do not tell it by which method you are going to send the data, or you will have problems later to process the data.

<form action="" method="post">

I also see that you have the same name for different inputs, which can also lead to errors when processing the form

Another recommendation is that you leave the code cleaner, I say it for the inline css codes that you have declared in the same inputs, put it in a separate css file, it will be neater and you will have better maintenance later.

The input you use for the email is text type, it uses the email type, which is just for it

<input type="email" name="email" placeholder="Correo Electrónico">

Regarding that the mobile is blocked to the form, I have tried the address that you have put and it does not appear blocked, at least to me.

answered by 05.10.2016 в 14:57

Sort array of objects in swift Haskell, division without div

score 1 · Accepted Answer

After scanning your code through the page validator.w3.org I throw several errors in the input.

The first input tries to remove it and in the same way it tries removing the one of names and the one of city. Maybe that's blocking the form on phones.