如何让输入的单词首字母大写

     有人说用js，其实css就可以实现这个功能。只要在input中设置它的css为 text-transform:capitalize就可以实现了。

 

CSS text-transform 属性

定义和用法

text-transform 属性控制文本的大小写。

说明

这个属性会改变元素中的字母大小写，而不论源文档中文本的大小写。如果值为 capitalize，则要对某些字母大写，但是并没有明确定义如何确定哪些字母要大写，这取决于用户代理如何识别出各个“词”。

默认值：	none
继承性：	yes
版本：	CSS1
JavaScript 语法：	object.style.textTransform="uppercase"

实例

转换不同元素中的文本：

h1 {text-transform:uppercase}
h2 {text-transform:capitalize}
p {text-transform:lowercase}

可能的值

值	描述
none	默认。定义带有小写字母和大写字母的标准的文本。
capitalize	文本中的每个单词以大写字母开头。
uppercase	定义仅有大写字母。
lowercase	定义无大写字母，仅有小写字母。
inherit	规定应该从父元素继承 text-transform 属性的值。

 
  
    

   
     
 
      < 
      html 
      > 
      
  
      < 
      head 
      > 
      
   
      < 
      style  
      type 
      ="text/css" 
      > 
       
   h1  
      { 
      text-transform 
      : 
       uppercase 
      } 
        
   p.uppercase  
      { 
      text-transform 
      : 
       uppercase 
      } 
           
   p.lowercase  
      { 
      text-transform 
      : 
       lowercase 
      } 
          
   p.capitalize  
      { 
      text-transform 
      : 
       capitalize  
      } 
        
   
      </ 
      style 
      > 
      
  
      </ 
      head 
      > 
      
  
      < 
      body 
      > 
      
    
      < 
      h1 
      > 
      This Is An H1 Element 
      </ 
      h1 
      > 
      
      
      < 
      p  
      class 
      ="uppercase" 
      > 
      This is some text in a paragraph. 
      </ 
      p 
      >< 
      p  
      class 
      ="lowercase" 
      > 
      This is some text in a paragraph. 
      </ 
      p 
      >< 
      p  
      class 
      ="capitalize" 
      > 
      This is some text in a paragraph. 
      </ 
      p 
      > 
      
  
      </ 
      body 
      > 
      
 
      </ 
      html 
      >