2010-06-15 68 views
7

我目前正在嘗試大寫輸入中的第一個字母。如何將輸入的首字母大寫?

這裏是我tryed:

fieldset input 
{ 
    text-transform:capitalize; 
} 

但它不工作,我想要的方式,因爲每個字都大寫。

我也tryed這一點:

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

但似乎<輸入/ >不與首字母在所有的工作......

反正,你有如何任何想法實現這個沒有JavaScript(或儘可能少)?

+0

有趣的是,你的:第一字母的CSS做工作一個textarea。整齊。 – Joshua 2014-08-11 12:26:29

回答

2

不可能。這是可能的Javascript,或只在第一個字範圍內

+4

在輸入文本字段中不能有'span'元素。 – 2010-06-15 14:50:57

6

JSstr.charAt(0).toUpperCase();

+0

謝謝,我會嘗試與jQuery選擇器,然後。 – Safirio 2010-06-15 15:04:31

+0

@Safirio,應該工作。 – Babiker 2010-06-15 15:08:06

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; 
}