Comunidad de diseño web y desarrollo en internet online

Autofocus en campo input no funciona.

Citar            
MensajeEscrito el 23 Jun 2020 12:43 am
Estimadas(os) Buenas noches

Estoy tratando de dejar el foco en un campo Input de un formulario y no me funciona, he probado varias propuestas que he encontrado y nada.

Les muestro el codigo y con negrita el campo INPUT donde quiero que quede:

<body>
<h1>Datos de Personas</h1>
<form name="form1" method="post" action="agregar.php" enctype="multipart/form-data">
<fieldset>
<legend> Ingrese sus datos</legend>
<p>
<label> Rut:
<input id="rut" type="text" name="rut" autofocus /">
</label>
</p>
<p>
<label> DV:
<input type="text" name="dv" />
</label>
</p>
<p>
<label> Nombre:
<input type="text" name="nombre" />
</label>
</p>
<p>
<label>Apellido Paterno:
<input type="text" name="apaterno" />
</label>
</p>
<p>
<label>Apellido Materno:
<input type="text" name="amaterno" />
</label>
</p>
<p>
<label>Fecha Nacimiento:
<input type="date" name="fechanac" value="<?php echo date('Y-m-d\TH-i');?>" min="1900-01-01" max="2020-06-22" />
</label>
</p>
<p>
<label>Estatura:
<input type="text" name="estatura" placeholder="Ejemplo: 1.75" />
</label>
</p>
<p>
<label>Peso:
<input type="text" name="peso" placeholder="Ejemplo: 75.0"/>
</label>
</p>
<p>
<label>Apodo:
<input type="text" name="apodo" />
</label>
</p>
<p>
<label>Correo:
<input type="text" name="correo" />
</label>
</p>
<p>
<label>Direccion:
<input type="text" name="direccion" />
</label>
</p>
<p>
<label>Comuna:
<input type="text" name="comuna" />
</label>
</p>
<p>
<label>Celular:
<input type="text" name="celular" placeholder="Ejemplo: 912345678"/>
</label>
</p>
<p>
<label>Contrasena:
<input type="password" name="password" />
</label>
</p>
<p>
<label class="col-sm-2 control-label">Subir Foto:</label>
<div>
<input type="file" class="form-control" id="image" name="image" multiple value="">
</div>
<input type="submit" name="submit" value="Guardar">
</p>

</fieldset>
</form>
</body>



Gracias desde ya por su ayuda.

Cuídense y un abrazo.

Por lba

8 de clabLevel



 

chrome
Citar            
MensajeEscrito el 23 Jun 2020 01:11 am
Estimadas(os)

Les cuento que copie el código del formulario a un archivo independiente y ahi aparece el foco en el campo requerido.
Les muestro la estructura del sitio:

[img]https://drive.google.com/file/d/15WEEqcbkrJ6jfrsfzxV0q0-qpLTlNCH_/view?usp=sharing[/img]

Por lba

8 de clabLevel



 

chrome
Citar            
MensajeEscrito el 23 Jun 2020 01:14 am
Estimadas(os)

Les cuento que copie el código del formulario a un archivo independiente y ahi aparece el foco en el campo requerido.
Les muestro la estructura del sitio:

https://drive.google.com/file/d/15WEEqcbkrJ6jfrsfzxV0q0-qpLTlNCH_/view?usp=sharing

Por lba

8 de clabLevel



 

chrome
Citar            
MensajeEscrito el 23 Jun 2020 09:41 pm
has probado con JS?

Por kikin2020

5 de clabLevel



 

chrome
Citar            
MensajeEscrito el 24 Jun 2020 01:47 am
Si tambíen con varios ejemplos, es por la estructura, he probado enviado el formulario a otra pestaña y me funciona, es solo cuando abro el formulario en la seccion Main de la misma pestaña.

Por lba

8 de clabLevel



 

chrome
Citar            
MensajeEscrito el 26 Jun 2020 04:27 pm
Lo tienes en producción para poder echarle una ojeada?

A veces cuando estamos desarrollando software la solucion es sencilla pero hemos intentado tanto resolver el asunto que no logramos ver lo evidente.

Hace poco entre a trabajar en una empresa que hace temas relacionados con talento humano(evaluaciones de desempeño, pruebas psicotecnicas, etc) y me pidieron que copiara un efecto que tiene uno de nuestros competidores. El efecto es el de la web https://www.ghanalitica.com/guias/evaluacion-de-desempeño/ y el efecto que querian copiar era el de la barra Superior que se queda estatica y cambia de color (que para que pero es un efecto lindo)

El tema fue que intente de todas las formas con CSS, y después de gastar días intentando hacerlo, me tome un descanso de un par de días, trabajando en otros proyectos, y luego cuando retome me di cuenta que no había mirado el código javascript que se activaba. Luego vi el código y me di cuenta que era relativamente sencillo de realizar.

Creo que te puede pasar lo mismo, tomate un descanso y luego intenta de nuevo, puede que veas cosas que no habías visto antes.

igual si lo tienes en producción me gustaria poder echarle una ojeada.

Por kikin2020

5 de clabLevel



 

chrome
Citar            
MensajeEscrito el 26 Jun 2020 07:47 pm
Estimado Buenas tardes

Lo estoy desarrollando con Xampp en localhost, pero este tema lo estoy dejando para después, ahora estoy metido en otro tema que se refiere al mismo formulario. Me graba bien los datos, pero no quiero que se me desaparezca el formulario, este tema lo tengo puesto en el foro.

Gracias.

Por lba

8 de clabLevel



 

chrome
Citar            
MensajeEscrito el 27 Jun 2020 12:32 am
podrias compartir el link del otro post para echarle una ojeada?

Por kikin2020

5 de clabLevel



 

chrome
Citar            
MensajeEscrito el 27 Jun 2020 01:11 am
Este es el link:
http://foros.cristalab.com/mostrar-mensaje-sin-perder-ventana-del-form-usando-php-y-mysqli-t127412/

Por lba

8 de clabLevel



 

chrome
Citar            
MensajeEscrito el 29 Jun 2020 04:37 pm
perfecto, dejame termino unos temas laborales y le echo una ojeada. Has usado stackoverflow?

Por kikin2020

5 de clabLevel



 

chrome
Citar            
MensajeEscrito el 29 Jun 2020 07:05 pm
Hola, si te refieres al siito web: https://es.stackoverflow.com/

Algo he buscado ahí, pero no he encontrado nada, me aleje de este temas unos días, mañana probablente sigua, investigando y trabajando en él.

Gracias

Por lba

8 de clabLevel



 

chrome
Citar            
MensajeEscrito el 12 Jul 2020 10:54 pm
al final lograste solucionarlo?

Por kikin2020

5 de clabLevel



 

chrome

   Página 1 de 1

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.