[SOLUCIONADO] Reducir ancho de input y saltar línea

[bandolera]

Estoy utilizando bootstrap y jquery ui datepicker. Tengo un campo periodo que tiene el siguiete formato "AAAAMM".
Tengo dos preguntas:
1) Es posible que al ingresar periodo y dar enter pase automáticamente al otro campo?
2) Cómo reduzco el ancho del inputo de periodo???

Código HTML:

 <form action="trabajo.php" method="POST" enctype="multipart/form-data">
      <div class="form-group">
        <label for="periodo">Periodo:</label>
        <input class="form-control" id="periodo" type="text" placeholder="Formato AAAAMM" autofocus required maxlength="6" size="6">
      </div>      
      <div class="form-group">
        <label for="fecha">Fecha:</label>
        <input class="form-control" id="datepicker" type="text" placeholder="Fecha">
      </div>
      <button class="btn btn-primary">Aceptar</button>
    </form> 

Gracias.

[rodrypaladin]

Que recuerde los formularios de bootstrap en este caso los inputs, ocupan el 100% del div en el que estén dentro, reduce el tamaño del div, por medio del grid de bootstrap para adaptarlos a tus preferencias, y luego a parte, siempre puedes crear tu propio css.

[rodocoyote15]

El div de ese input puedes meterlo en un grid del tamaño que quieras.

Código HTML:

<div class="col-lg-3 col-md-3 col-xs-12>
        <div class="form-group">
        <label for="periodo">Periodo:</label>
        <input class="form-control" id="periodo" type="text" placeholder="Formato AAAAMM" autofocus required maxlength="6" size="6">
      </div>  
</div>
 

Y lo otro que comentas, no creo que sea posible con html, tienes que hacer algo con jquery en este caso.

[Rafael]

Presionar enter para cambiar de campo no debería usarse. Para cambiar de campo lo normal es usar TAB.

[bandolera]

Iniciado por Rafael

Presionar enter para cambiar de campo no debería usarse. Para cambiar de campo lo normal es usar TAB.

Sí, lo sé, pero es un requerimiento del área contable. Dicen que el Tab es algo lento. Así que por eso quieren solo el enter para saltar de campo en campo.

[rodrypaladin]

Eso seguramente se podrá hacer con JavaScript, aunque no es de este tema te pondré un ejemplo que he encontrado googleando un poco.

No se si funciona, pruebalo y nos dices.

Código Javascript:

<script type="text/javascript"> 
next=0; 
function nextel(event) 
{ 
if(event.keyCode==13){ 
if(next>2){next=0} 
document.forms[0].elements[next].focus(); 
next++; 
} 
} 
</script>
 

[bandolera]

Hola quería indicar que :

1) Lo solucioné con :

Código HTML:

<input class="form-control" id="periodo" type="text" placeholder="Formato AAAAMM" required autofocus> 

No avanza hasta que ingreso un valor.

2) Reduje el ancho con la sugerencia de

Código HTML:

rodocoyote15

(leí la documentación y encontré más cosas).

Gracias a todos. Cierro este hilo.