2010-06-15 33 views
7

Actualmente estoy intentando capitalizar la primera letra de una entrada.¿Cómo puedo escribir en mayúscula la primera letra de una entrada?

Esto es lo que tryed:

fieldset input 
{ 
    text-transform:capitalize; 
} 

Pero no funciona como yo quiero, ya que cada palabra se escribe con mayúscula.

También He probado esto:

fieldset input:first-letter 
{ 
    text-transform:uppercase; 
} 

Pero parece < entrada/> no funciona en absoluto con la primera letra ...

De todos modos, ¿tiene alguna idea de cómo lograr esto sin javascript (o lo menos posible)?

+0

Curiosamente, su: first-letter CSS funciona para un área de texto. Ordenado. – Joshua

Respuesta

2

Imposible. Es posible con Javascript, o poniendo solo la primera palabra dentro de un lapso.

+4

No puede tener elementos 'span' en un campo de texto de entrada. –

6

JS: str.charAt(0).toUpperCase();

+0

Gracias, voy a probar esto con un selector jQuery, entonces. – Safirio

+0

@Safirio, debería funcionar. – Babiker

0
$('#INPUT_ID').keyup(function(){ 
    if($(this).val().length>0 && $(this).val().length<5){ 
     $(this).val($(this).val().charAt(0).toUpperCase()+$(this).val().substr(1)); 
    } 
}); 

No se puede utilizar la longitud == 1, ya que no funciona si los tipos de usuario rápido.

0

Debe utilizar

<fieldset> 
      <legend>DATA...</legend> 
      <input type="text" class="inputName" placeholder="Введите имя"> 

sin <input />

continuación, en el CSS:

fieldset input { 
    text-transform: capitalize; 
} 
Cuestiones relacionadas