centrar texto en un <input type="text">

payo22 · #1 (**permalink**) 05/04/2005, 16:32

Hola Maestros:

mi pregunta es la siguiente:

es posible centrar el texto que se captura en un input type=text?

gracias por su apoyo.

iconogt · #2 (**permalink**) 05/04/2005, 16:57

A ver si te entiendo...

Lo que quieres es centrar el texto que va dentro de un input de tipo texto,

ahhhhh ahora ya lo entiendo, prueba con esto:

entre <head> y </head>

Código:

<style type="text/css">
<!--
.inputcentrado {
   text-align: center
   }
-->
</style>

Oye lo acabo de probar y si me funciona, bueno funciona bien en IE ahora en los demás no te sabré decir

Espero te sirva de algo, slds y buena suerte.

payo22 · #3 (**permalink**) 06/04/2005, 12:18

pero demtro del form que va?

es decir en el

<input type="text" name="texto">

no se en donde se pone ya que solo incluyendolo entre el <head> y </head> no hace nada.

gracias por todo.

JavierB · #4 (**permalink**) 06/04/2005, 12:40

Hola payo22

Al input que quieras tener centrado tienes que asignale la clase que te ha puesto iconogt en su ejemplo:

<input type="text" name="texto" class="inputcentrado" />

Si solo quieres centrar un input puedes prescindir del código entre las etiquetas <head> y ponerlo directamente:

<input type="text" name="texto" style="text-align:center" />

Saludos,

payo22 · #5 (**permalink**) 06/04/2005, 12:52

gracias por todo iconogt,javierB

ya me quedo

iconogt · #6 (**permalink**) 07/04/2005, 10:46

Perdón por no explicarte como tenías que aplicar la clase

Esque pensé que ya sabías como hacerlo, pero igual y ya te explicó JavierB

Aquí te dejo otra forma de la cual puedes hacer lo que quieres. En una hoja de estilos externa puedes hacer que automáticamente todos los elementos input tengan o adopten el estilo que tú quieras:

Código:

INPUT {
   /***aquí todos los estilos que quieras***/
  }

Ojo, ten en cuenta que no sólo estas usando elementos input de tipo texto, sino que tendrás tipo reset, submit, radio etc...
Entonces ten cuidado con las propiedades y valores que utilices cuando uses este tipo de declaración

ahh otra cosa, el objetivo de esto es que, cuando crees el input type"text" o cualquier otro ya no tienes que preocuparte por aplicarles clases id's ni nada más, es decir así: <input type="text" size="25" />

Espero haberte podido ayudar en algo, slds y buena suerte