2010-06-15 2 views
7

В настоящее время я пытаюсь извлечь самую первую букву из ввода.Как я могу использовать первую букву ввода?

Вот что я судимый:

fieldset input 
{ 
    text-transform:capitalize; 
} 

Но он не работает так, как я хочу, так как каждое слово прописных букв.

Я также судимое это:

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

Но, кажется, < ввода/> не работает вообще с первой буквы ...

Во всяком случае, у вас есть какие-либо идеи о том, как достичь этого без javascript (или как можно меньше)?

+0

Интересно, что ваш: первый буквы CSS делает работу для текстового поля. Ухоженная. – Joshua

ответ

2

Невозможно. Это возможно с помощью Javascript, или путем помещения только первого слова в пределах диапазона.

+4

Вы не можете иметь элементы 'span' в текстовом поле ввода. –

6

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

+0

Спасибо, я попробую это с помощью селектора jQuery. – Safirio

+0

@Safirio, должен работать. – 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)); 
    } 
}); 

Невозможно использовать длину == 1, так как он не работает, если пользователь печатает быстро.

0

Вы должны использовать

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

без <input />

затем в CSS:

fieldset input { 
    text-transform: capitalize; 
} 
Смежные вопросы