2010-06-15 72 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; 
}